✨ feat(app): react 19.2

Author: huynhducduy

eslint.config.js

@@ -36,7 +36,7 @@ import pluginNoUseExtendNative from 'eslint-plugin-no-use-extend-native'
 import pluginPromise from 'eslint-plugin-promise'
 import pluginReact from 'eslint-plugin-react'
 // import pluginReactCompiler from 'eslint-plugin-react-compiler'
-import * as pluginReactHooks from 'eslint-plugin-react-hooks'
+import pluginReactHooks from 'eslint-plugin-react-hooks'
 import pluginReactHooksAddons from 'eslint-plugin-react-hooks-addons'
 import pluginReactPerf from 'eslint-plugin-react-perf'
 import pluginReactRefresh from 'eslint-plugin-react-refresh'
@@ -672,6 +672,8 @@ function getReactConfigs() {
     ...applyTo.react('react/jsx-runtime', pluginReact.configs.flat['jsx-runtime']),
     ...applyTo.react('react/custom', {
       rules: {
+        'react/prop-types': 'off',
+        'react/no-unescaped-entities': 'warn',
         'react/boolean-prop-naming': [
           'error',
           {
@@ -709,12 +711,12 @@ function getReactConfigs() {
         ],
       },
     }),
-    ...applyTo.react('react/hooks', pluginReactHooks.configs.recommended),
+    ...applyTo.react('react/hooks', pluginReactHooks.configs['flat/recommended']),
     // Use below when using expo
     // ...applyTo.react('react/hooks', {
     //   // Expo already define `react-hooks` plugin so we cannot redefine
     //   rules: {
-    //     ...pluginReactHooks.configs.recommended.rules,
+    //     ...pluginReactHooks.configs['flat/recommended'].rules,
     //   },
     // }),
     ...applyTo.react('react/hooks/custom', {
@@ -761,7 +763,6 @@ function getReactConfigs() {
           'error',
           {requireDataLowercase: true, ignore: []},
         ],
-        '@eslint-react/no-unnecessary-key': 'error',
       },
     }),
     ...applyTo.react('react/naming-convention', {

package.json

@@ -58,27 +58,27 @@
     "@floating-ui/react": "^0.27.16",
     "@fontsource/geist-mono": "^5.2.7",
     "@fontsource/geist-sans": "^5.2.5",
-    "@heroui/react": "beta",
+    "@heroui/react": "^2.8.4",
     "@hookform/resolvers": "^5.2.2",
     "@iconify/react": "^6.0.2",
     "@inlang/paraglide-js": "^2.4.0",
-    "@lottiefiles/dotlottie-react": "^0.17.2",
+    "@lottiefiles/dotlottie-react": "^0.17.3",
     "@number-flow/react": "^0.5.10",
     "@pythnetwork/price-service-client": "^1.9.0",
     "@qwik.dev/partytown": "^0.11.2",
     "@react-aria/focus": "^3.21.1",
     "@react-aria/live-announcer": "^3.4.4",
     "@react-oauth/google": "^0.12.2",
-    "@sentry/react": "^10.16.0",
+    "@sentry/react": "^10.17.0",
     "@starknet-io/get-starknet-core": "^4.0.7",
     "@starknet-io/types-js": "^0.8.4",
     "@tanstack/query-core": "^5.90.2",
     "@tanstack/query-sync-storage-persister": "^5.90.2",
     "@tanstack/react-query": "^5.90.2",
     "@tanstack/react-query-persist-client": "^5.90.2",
-    "@tanstack/react-router": "^1.132.23",
-    "@tanstack/react-router-ssr-query": "^1.132.23",
-    "@tanstack/router-core": "^1.132.21",
+    "@tanstack/react-router": "^1.132.31",
+    "@tanstack/react-router-ssr-query": "^1.132.31",
+    "@tanstack/router-core": "^1.132.31",
     "@unhead/addons": "^2.0.17",
     "@unhead/react": "^2.0.17",
     "abi-wan-kanabi": "2.2.2",
@@ -97,17 +97,17 @@
     "jotai-tanstack-query": "^0.11.0",
     "json-bigint": "^1.0.0",
     "klona": "^2.0.6",
-    "lightweight-charts": "^5.0.8",
+    "lightweight-charts": "^5.0.9",
     "match-sorter": "^8.1.0",
     "micromatch": "^4.0.8",
     "motion": "^12.23.22",
     "mutative": "^1.3.0",
     "optics-ts": "^2.4.1",
     "partial-json": "^0.1.7",
     "query-string": "^9.3.1",
-    "react": "experimental",
+    "react": "0.0.0-experimental-86181134-20251001",
     "react-content-loader": "^7.1.1",
-    "react-dom": "experimental",
+    "react-dom": "0.0.0-experimental-86181134-20251001",
     "react-error-boundary": "^6.0.0",
     "react-fast-compare": "^3.2.2",
     "react-hook-form": "^7.63.0",
@@ -129,9 +129,9 @@
   },
   "devDependencies": {
     "@axe-core/react": "^4.10.2",
-    "@commitlint/cli": "^20.0.0",
+    "@commitlint/cli": "^20.1.0",
     "@eslint-community/eslint-plugin-eslint-comments": "^4.5.0",
-    "@eslint-react/eslint-plugin": "^2.0.2",
+    "@eslint-react/eslint-plugin": "^2.0.5",
     "@eslint/compat": "^1.4.0",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.36.0",
@@ -148,23 +148,23 @@
     "@swc-jotai/debug-label": "0.2.0",
     "@swc-jotai/react-refresh": "0.3.0",
     "@swc/plugin-react-remove-properties": "^5.0.2",
-    "@tailwindcss/vite": "^4.1.13",
+    "@tailwindcss/vite": "^4.1.14",
     "@tanstack/eslint-plugin-query": "^5.91.0",
-    "@tanstack/eslint-plugin-router": "^1.132.21",
+    "@tanstack/eslint-plugin-router": "^1.132.31",
     "@tanstack/react-query-devtools": "^5.90.2",
-    "@tanstack/router-devtools": "^1.132.23",
-    "@tanstack/router-plugin": "^1.132.23",
-    "@testing-library/jest-dom": "^6.8.0",
+    "@tanstack/router-devtools": "^1.132.31",
+    "@tanstack/router-plugin": "^1.132.31",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@total-typescript/ts-reset": "^0.6.1",
     "@types/crypto-js": "^4.2.2",
     "@types/css.escape": "^1.5.2",
     "@types/gtag.js": "^0.0.20",
     "@types/json-bigint": "^1.0.4",
-    "@types/node": "^22.18.7",
-    "@types/react": "^19.1.15",
-    "@types/react-dom": "^19.1.9",
+    "@types/node": "^22.18.8",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
     "@types/react-lines-ellipsis": "^0.15.6",
     "@types/ua-parser-js": "^0.7.39",
     "@types/uuid": "^11.0.0",
@@ -178,7 +178,7 @@
     "@vitest/eslint-plugin": "^1.3.13",
     "@vitest/ui": "^3.2.4",
     "better-commits": "^1.18.0",
-    "commitlint": "^20.0.0",
+    "commitlint": "^20.1.0",
     "commitlint-config-gitmoji": "^2.3.1",
     "confusing-browser-globals": "^1.0.11",
     "eslint": "^9.36.0",
@@ -194,7 +194,7 @@
     "eslint-plugin-import-x": "^4.16.1",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-jest-formatting": "^3.1.0",
-    "eslint-plugin-jsdoc": "^60.5.0",
+    "eslint-plugin-jsdoc": "^60.7.0",
     "eslint-plugin-jsonc": "^2.20.1",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-math": "^0.13.0",
@@ -203,15 +203,15 @@
     "eslint-plugin-no-relative-import-paths": "^1.6.1",
     "eslint-plugin-no-secrets": "^2.2.1",
     "eslint-plugin-no-use-extend-native": "^0.7.2",
-    "eslint-plugin-pnpm": "^1.1.2",
+    "eslint-plugin-pnpm": "^1.2.0",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-promise": "^7.2.1",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-compiler": "19.1.0-rc.1",
-    "eslint-plugin-react-hooks": "6.0.0-rc.1",
+    "eslint-plugin-react-compiler": "19.1.0-rc.2",
+    "eslint-plugin-react-hooks": "^6.1.0",
     "eslint-plugin-react-hooks-addons": "^0.5.0",
     "eslint-plugin-react-perf": "3.3.3",
-    "eslint-plugin-react-refresh": "^0.4.22",
+    "eslint-plugin-react-refresh": "^0.4.23",
     "eslint-plugin-react-you-might-not-need-an-effect": "^0.5.5",
     "eslint-plugin-regexp": "^2.10.0",
     "eslint-plugin-security": "^3.0.1",
@@ -222,7 +222,7 @@
     "eslint-plugin-unicorn": "^61.0.2",
     "fontaine": "^0.6.0",
     "globals": "^16.4.0",
-    "happy-dom": "^19.0.1",
+    "happy-dom": "^19.0.2",
     "husky": "^9.1.7",
     "jotai-devtools": "^0.13.0",
     "lightningcss": "^1.30.2",
@@ -234,7 +234,7 @@
     "million": "^3.1.11",
     "package-directory": "^8.1.0",
     "prettier": "^3.6.2",
-    "prettier-plugin-classnames": "^0.8.3",
+    "prettier-plugin-classnames": "^0.8.4",
     "prettier-plugin-merge": "^0.8.0",
     "react-dev-inspector": "^2.0.1",
     "rollup-obfuscator": "^4.1.1",
@@ -256,12 +256,12 @@
     "stylelint-prettier": "^5.0.3",
     "stylelint-use-logical-spec": "^5.0.1",
     "svgo": "^4.0.0",
-    "tailwindcss": "^4.1.13",
+    "tailwindcss": "^4.1.14",
     "terser": "^5.44.0",
     "ts-plugin-sort-import-suggestions": "^1.0.4",
     "type-coverage": "^2.29.7",
     "typed-scss-modules": "^8.1.1",
-    "typescript": "^5.9.2",
+    "typescript": "^5.9.3",
     "typescript-coverage-report": "^1.1.1",
     "typescript-eslint": "^8.45.0",
     "unplugin-auto-import": "^20.2.0",
@@ -307,7 +307,7 @@
     },
     "patchedDependencies": {
       "[email protected]": "patches/[email protected]",
-      "eslint-plugin-react-hooks@6.0.0-rc.1": "patches/eslint-plugin-react-hooks@6.0.0-rc.1.patch",
+      "eslint-plugin-react-hooks@6.1.0": "patches/eslint-plugin-react-hooks@6.1.0.patch",
       "[email protected]": "patches/[email protected]",
       "@tanstack/[email protected]": "patches/@[email protected]"
     },

patches/[email protected] renamed to patches/[email protected]

@@ -1,8 +1,8 @@
 diff --git a/cjs/eslint-plugin-react-hooks.development.js b/cjs/eslint-plugin-react-hooks.development.js
-index 179bf427960002c7ca4b6d7d81515f23d542b4ef..7723fe5df4e1a4a0116f4ad560933d61690262f5 100644
+index 86401fcce7573e3dd7dd32d6aa9470ddbf1cd67a..f65eae29ae27775bbd503923cf807a66258db5ca 100644
 --- a/cjs/eslint-plugin-react-hooks.development.js
 +++ b/cjs/eslint-plugin-react-hooks.development.js
-@@ -44,6 +44,28 @@ const rule$2 = {
+@@ -56,6 +56,28 @@ const rule$1 = {
                      enableDangerousAutofixThisMayCauseInfiniteLoops: {
                          type: 'boolean',
                      },
@@ -28,22 +28,24 @@ index 179bf427960002c7ca4b6d7d81515f23d542b4ef..7723fe5df4e1a4a0116f4ad560933d61
 +                            ],
 +                        },
 +                    },
-                 },
-             },
-         ],
-@@ -58,9 +80,11 @@ const rule$2 = {
-             context.options[0] &&
-             context.options[0].enableDangerousAutofixThisMayCauseInfiniteLoops) ||
-             false;
-+        const staticHooks = (context.options && context.options[0] && context.options[0].staticHooks) || {};
+                     experimental_autoDependenciesHooks: {
+                         type: 'array',
+                         items: {
+@@ -82,11 +104,13 @@ const rule$1 = {
+             ? rawOptions.experimental_autoDependenciesHooks
+             : [];
+         const requireExplicitEffectDeps = (rawOptions && rawOptions.requireExplicitEffectDeps) || false;
++        const staticHooks = (rawOptions && rawOptions.staticHooks) || {};
          const options = {
              additionalHooks,
+             experimental_autoDependenciesHooks,
              enableDangerousAutofixThisMayCauseInfiniteLoops,
+             requireExplicitEffectDeps,
 +            staticHooks,
          };
          function reportProblem(problem) {
              if (enableDangerousAutofixThisMayCauseInfiniteLoops) {
-@@ -246,6 +270,33 @@ const rule$2 = {
+@@ -274,6 +298,33 @@ const rule$1 = {
                              return true;
                          }
                      }