feat(apollo-wind): enable react compiler in storybook

Add @vitejs/plugin-react with babel-plugin-react-compiler to
Storybook's Vite config so react-scan profiling reflects real
compiled component performance.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: SreedharAvvari

packages/apollo-wind/.storybook/main.ts

@@ -50,6 +50,19 @@ const config: StorybookConfig = {
     : undefined,
 
   async viteFinal(config) {
+    // Enable React Compiler in Storybook so react-scan reflects real perf.
+    // Adds Babel overhead to HMR — disable with STORYBOOK_REACT_COMPILER=false
+    if (process.env.STORYBOOK_REACT_COMPILER !== 'false') {
+      const react = await import('@vitejs/plugin-react');
+      config.plugins?.push(
+        react.default({
+          babel: {
+            plugins: ['babel-plugin-react-compiler'],
+          },
+        })
+      );
+    }
+
     return {
       ...config,
       resolve: {

packages/apollo-wind/package.json

@@ -114,6 +114,7 @@
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.6",
     "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^4.7.0",
     "@vitest/coverage-v8": "^4.0.14",
     "@vitest/ui": "^4.0.14",
     "ajv": "^8.17.1",