feat: Add react compiler

Author: cephalization

app/.eslintrc.js

@@ -7,6 +7,7 @@ module.exports = {
   extends: [
     "eslint:recommended",
     "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
     "plugin:react/jsx-runtime",
     "plugin:@typescript-eslint/recommended",
     "plugin:storybook/recommended",

app/package.json

@@ -94,14 +94,15 @@
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "@vitejs/plugin-react": "^4.7.0",
+    "babel-plugin-react-compiler": "19.1.0-rc.3",
     "babel-plugin-relay": "^19.0.0",
     "chromatic": "^11.29.0",
     "cpy-cli": "^5.0.0",
     "eslint": "^8.57.1",
     "eslint-plugin-deprecate": "^0.8.7",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-compiler": "19.1.0-rc.1",
-    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-hooks": "6.0.0-rc.2",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "eslint-plugin-storybook": "^0.11.6",
     "graphql": "^16.11.0",

app/pnpm-lock.yaml

@@ -8,7 +8,15 @@ import { defineConfig } from "vite";
 import relay from "vite-plugin-relay";
 
 export default defineConfig(() => {
-  const plugins = [react(), relay, lezer()];
+  const plugins = [
+    react({
+      babel: {
+        plugins: ["babel-plugin-react-compiler"],
+      },
+    }),
+    relay,
+    lezer(),
+  ];
   // Uncomment below to visualize the bundle size after running the build command also uncomment import { visualizer } from "rollup-plugin-visualizer";
   // plugins.push(visualizer());
   return {