Set up React Compiler (#2030)

- Added required deps: `react-compiler-runtime` + `babel-plugin-react-compiler` in `frontend/package.json:70` and `frontend/package.json:99`, plus `remote-frontend/package.json:20` and `remote-frontend/package.json:30` (lockfile updated in `pnpm-lock.yaml`).

frontend/package.json

@@ -67,6 +67,7 @@
     "lucide-react": "^0.539.0",
     "posthog-js": "^1.276.0",
     "react": "^18.2.0",
+    "react-compiler-runtime": "^1.0.0",
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.3.8",
     "react-hotkeys-hook": "^5.1.0",
@@ -95,6 +96,7 @@
     "@typescript-eslint/parser": "^6.21.0",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.16",
+    "babel-plugin-react-compiler": "^1.0.0",
     "eslint": "^8.55.0",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-check-file": "^2.8.0",

frontend/vite.config.ts

@@ -51,7 +51,22 @@ export default schemas;
 
 export default defineConfig({
   plugins: [
-    react(),
+    react({
+      babel: {
+        plugins: [
+          [
+            "babel-plugin-react-compiler",
+            {
+              target: "18",
+              sources: [path.resolve(__dirname, "src")],
+              environment: {
+                enableResetCacheOnSourceFileChanges: true,
+              },
+            },
+          ],
+        ],
+      },
+    }),
     sentryVitePlugin({ org: "bloop-ai", project: "vibe-kanban" }),
     executorSchemasPlugin(),
   ],