feat: Add react compiler

Enable compiler, skipping errors

Upgrade to stable 1.0.0 compiler

new lock file

Author: cephalization

app/.eslintrc-legacy.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

@@ -92,6 +92,7 @@
     "@types/relay-runtime": "^19.0.3",
     "@types/three": "^0.180.0",
     "@vitejs/plugin-react": "^4.7.0",
+    "babel-plugin-react-compiler": "1.0.0",
     "babel-plugin-relay": "^20.1.1",
     "chromatic": "^11.29.0",
     "cpy-cli": "^5.0.0",

app/pnpm-lock.yaml

@@ -43,7 +43,7 @@ import {
 } from "@phoenix/utils/promptUtils";
 
 import {
-  fetchPlaygroundPromptQuery,
+  fetchPlaygroundPromptQuery as fetchPlaygroundPromptQueryType,
   fetchPlaygroundPromptQuery$data,
   PromptMessageRole,
 } from "./__generated__/fetchPlaygroundPromptQuery.graphql";
@@ -577,7 +577,7 @@ export const fetchPlaygroundPrompt = async ({
   promptVersionId?: string | null;
   tagName?: string | null;
 }) => {
-  return fetchQuery<fetchPlaygroundPromptQuery>(
+  return fetchQuery<fetchPlaygroundPromptQueryType>(
     RelayEnvironment,
     fetchPlaygroundPromptQuery,
     {

app/src/pages/dataset/__generated__/datasetLoaderQuery.graphql.ts

@@ -13,7 +13,11 @@ export default defineConfig(() => {
     // disable react's built-in 300ms suspense fallback timer
     // without this build plugin we see a 300ms delay on most UI interactions
     reactFallbackThrottlePlugin(),
-    react(),
+    react({
+      babel: {
+        plugins: [["babel-plugin-react-compiler", { panicThreshold: "none" }]],
+      },
+    }),
     relay,
     lezer(),
   ];