Try React Compiler

eslint.config.js

@@ -8,6 +8,7 @@ import flowtypePlugin from 'eslint-plugin-flowtype'
 import jsxA11yPlugin from 'eslint-plugin-jsx-a11y'
 import reactPlugin from 'eslint-plugin-react'
 import reactHooksPlugin from 'eslint-plugin-react-hooks'
+import reactCompilerPlugin from 'eslint-plugin-react-compiler'
 
 
 export default tslint.config({
@@ -27,6 +28,7 @@ export default tslint.config({
 		'jsx-a11y': jsxA11yPlugin,
 		react: reactPlugin,
 		'react-hooks': reactHooksPlugin,
+		'react-compiler': reactCompilerPlugin,
 	},
 	languageOptions: {
 		parser: tslint.parser,

package.json

@@ -4,7 +4,7 @@
   "homepage": "https://kuchta.github.com/radixverse",
   "repository": "kuchta/radixverse",
   "type": "module",
-  "packageManager": "pnpm@9.0.0",
+  "packageManager": "pnpm@9.1.1+sha256.9551e803dcb7a1839fdf5416153a844060c7bce013218ce823410532504ac10b",
   "engines": {
     "node": ">= v20"
   },
@@ -22,26 +22,28 @@
     "pre-commit": "pnpm check && pnpm lint && pnpm test && pnpm build"
   },
   "devDependencies": {
-    "@stylistic/eslint-plugin": "^1.8.1",
-    "@types/node": "^20.12.11",
-    "@types/react": "^18.3.1",
+    "@stylistic/eslint-plugin": "^2.1.0",
+    "@types/node": "^20.12.12",
+    "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.19",
+    "babel-plugin-react-compiler": "0.0.0-experimental-592953e-20240517",
     "daisyui": "^4.11.1",
     "eslint": "^8.57.0",
     "eslint-config-react-app": "^7.0.1",
+    "eslint-plugin-react-compiler": "0.0.0-experimental-c8b3f72-20240517",
     "eslint-plugin-react-hooks": "4.6.2",
-    "globals": "^15.1.0",
+    "globals": "^15.2.0",
     "postcss": "^8.4.38",
-    "react": "0.0.0-experimental-94eed63c49-20240425",
-    "react-dom": "0.0.0-experimental-94eed63c49-20240425",
+    "react": "19.0.0-rc-3f1436cca1-20240516",
+    "react-dom": "19.0.0-rc-3f1436cca1-20240516",
     "react-icons": "^5.2.1",
-    "react-router-dom": "^6.23.0",
+    "react-router-dom": "^6.23.1",
     "tailwindcss": "^3.4.3",
-    "tsx": "^4.9.3",
+    "tsx": "^4.10.4",
     "typescript": "^5.4.5",
-    "typescript-eslint": "^7.8.0",
+    "typescript-eslint": "^7.9.0",
     "vite": "5.2.11",
     "vite-plugin-pwa": "^0.20.0"
   }