fix(deps): update react monorepo (major) (#334)

* fix(deps): update react monorepo

* disable hook rule in place where it does not matter

* make sleepTillIdle flush the event loopf once

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Philipp Giese <giese.philipp+git@gmail.com>

example-app/package.json

@@ -19,16 +19,16 @@
     "express": "^4.21.0",
     "isbot": "^5.0.0",
     "lucide-react": "^0.468.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "remix-utils": "^7.7.0",
     "viem": "^2.21.16",
     "wagmi": "^2.12.16"
   },
   "devDependencies": {
     "@remix-run/dev": "^2.12.1",
     "@types/chrome": "^0.0.287",
-    "@types/react": "^18.3.10",
+    "@types/react": "^19.0.0",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.47",
     "tailwindcss": "^3.4.13",

extension/e2e/utils/fixture.ts

@@ -1,4 +1,4 @@
-/* eslint-disable no-empty-pattern */
+/* eslint-disable no-empty-pattern, react-hooks/rules-of-hooks */
 import { test as base, chromium, type BrowserContext } from '@playwright/test'
 import { fileURLToPath } from 'url'
 

extension/package.json

@@ -46,8 +46,8 @@
     "@types/eslint__js": "^8.42.3",
     "@types/events": "^3.0.3",
     "@types/node": "^22.7.5",
-    "@types/react": "^18.2.39",
-    "@types/react-dom": "^18.2.17",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
     "@vitest/coverage-v8": "2.1.8",
@@ -67,7 +67,7 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-jsx-a11y": "^6.9.0",
     "eslint-plugin-react": "^7.34.4",
-    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
     "ethereum-blockies-base64": "^1.0.2",
     "ethers": "6.13.4",
     "events": "^3.3.0",
@@ -80,8 +80,8 @@
     "nanoid": "^5.0.0",
     "node-stdlib-browser": "^1.2.0",
     "postcss": "^8.4.47",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-select": "5.9.0",
     "rimraf": "6.0.1",
     "ser-kit": "1.0.3",

extension/src/utils/sleep.ts

@@ -1,5 +1,8 @@
 export const sleep = (time: number) =>
   new Promise<void>((resolve) => setTimeout(resolve, time))
 
-export const sleepTillIdle = () =>
-  new Promise<void>((resolve) => setImmediate(() => resolve()))
+export const sleepTillIdle = async () => {
+  await sleep(1)
+
+  return new Promise<void>((resolve) => setImmediate(() => resolve()))
+}

landing-page/package.json

@@ -4,11 +4,11 @@
   "private": true,
   "dependencies": {
     "@icons-pack/react-simple-icons": "^10.2.0",
-    "@types/react": "^18.0.5",
-    "@types/react-dom": "^18.0.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "lucide-react": "^0.468.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.3.4",