fix(deps): update React Compiler dependencies 🤖 ✨ (#308)

* fix(deps): update react compiler dependencies 🤖 ✨

* chore: update linting

* chore: fix linter issues

---------

Co-authored-by: squiggler[bot] <128108030+squiggler[bot]@users.noreply.github.com>
Co-authored-by: Cody Olsen <[email protected]>

Author: squiggler[bot]

.github/renovate.json

@@ -12,14 +12,6 @@
       "matchPackageNames": ["observable-callback", "use-effect-event"],
       "rangeStrategy": "bump",
       "semanticCommitType": "fix"
-    },
-    {
-      "matchPackageNames": ["react-compiler-runtime"],
-      "followTag": "rc"
-    },
-    {
-      "matchPackageNames": ["eslint-plugin-react-hooks"],
-      "followTag": "experimental"
     }
   ]
 }

.github/workflows/react-compiler.yml

@@ -23,7 +23,7 @@ jobs:
         with:
           cache: pnpm
           node-version: lts/*
-      - run: pnpm -r up --ignore-scripts react-compiler-runtime@rc babel-plugin-react-compiler@rc eslint-plugin-react-hooks@experimental
+      - run: pnpm -r up --ignore-scripts react-compiler-runtime@rc babel-plugin-react-compiler@rc eslint-plugin-react-hooks@rc eslint-plugin-react-hooks-with-use-effect-event@npm:eslint-plugin-react-hooks@experimental
       - uses: actions/create-github-app-token@v2
         id: generate-token
         with:

eslint.config.mjs

@@ -3,6 +3,7 @@ import {defineConfig, globalIgnores} from 'eslint/config'
 import eslintConfigPrettier from 'eslint-config-prettier/flat'
 import reactPlugin from 'eslint-plugin-react'
 import reactHooksPlugin from 'eslint-plugin-react-hooks'
+import reactHooksPluginWithUseEffectEvent from 'eslint-plugin-react-hooks-with-use-effect-event'
 import simpleImportSort from 'eslint-plugin-simple-import-sort'
 import tseslint from 'typescript-eslint'
 
@@ -11,18 +12,19 @@ export default defineConfig([
   js.configs.recommended,
   tseslint.configs.recommended,
   eslintConfigPrettier,
+  ...reactHooksPlugin.configs['flat/recommended'],
   {
     plugins: {
       'simple-import-sort': simpleImportSort,
       'react': reactPlugin,
-      'react-hooks': reactHooksPlugin,
+      'react-hooks-with-use-effect-event': reactHooksPluginWithUseEffectEvent,
     },
     rules: {
       'simple-import-sort/imports': 'error',
       'simple-import-sort/exports': 'error',
-      'react-hooks/rules-of-hooks': 'error',
-      'react-hooks/exhaustive-deps': 'error',
-      'react-hooks/react-compiler': 'error',
+      // This rule understands useEffectEvent, unlike the original react-hooks plugin
+      'react-hooks-with-use-effect-event/exhaustive-deps': 'error',
+      'react-hooks/exhaustive-deps': 'off',
       '@typescript-eslint/no-explicit-any': 'off',
     },
   },

package.json

@@ -75,10 +75,11 @@
   "prettier": "@sanity/prettier-config",
   "dependencies": {
     "observable-callback": "^1.0.3",
-    "react-compiler-runtime": "19.1.0-rc.2",
+    "react-compiler-runtime": "19.1.0-rc.3",
     "use-effect-event": "^2.0.3"
   },
   "devDependencies": {
+    "@sanity/browserslist-config": "^1.0.5",
     "@sanity/pkg-utils": "^7.8.0",
     "@sanity/prettier-config": "^1.0.6",
     "@sanity/semantic-release-preset": "^5.0.0",
@@ -87,14 +88,15 @@
     "@types/node": "^22.15.3",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
-    "@typescript-eslint/eslint-plugin": "^8.34.1",
-    "@typescript-eslint/parser": "^8.34.1",
+    "@typescript-eslint/eslint-plugin": "^8.41.0",
+    "@typescript-eslint/parser": "^8.41.0",
     "@vitejs/plugin-react": "^4.5.2",
-    "babel-plugin-react-compiler": "19.1.0-rc.2",
-    "eslint": "^9.29.0",
-    "eslint-config-prettier": "^10.1.5",
+    "babel-plugin-react-compiler": "19.1.0-rc.3",
+    "eslint": "^9.34.0",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "0.0.0-experimental-79d9aed7-20250620",
+    "eslint-plugin-react-hooks": "6.0.0-rc.2",
+    "eslint-plugin-react-hooks-with-use-effect-event": "npm:[email protected]",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "jsdom": "^24.1.0",
     "prettier": "^3.5.3",
@@ -104,7 +106,7 @@
     "rxjs": "^7.8.2",
     "semantic-release": "^24.2.7",
     "typescript": "5.8.3",
-    "typescript-eslint": "^8.34.1",
+    "typescript-eslint": "^8.41.0",
     "vitest": "^3.2.4"
   },
   "peerDependencies": {