[code-infra] Setup react-compiler

Enabled for both linting and building packages

Author: brijeshb42

babel.config.mjs

@@ -19,6 +19,16 @@ export default function getBabelConfig(api) {
         errorCodesPath,
       },
     ],
+    [
+      'babel-plugin-react-compiler',
+      /** @type {import('babel-plugin-react-compiler').PluginOptions} */ ({
+        compilationMode: 'infer',
+        // When targeting react v17 or v18, the packages also need to have
+        // "react-compiler-runtime" as a dependency.
+        target: '17',
+        enableReanimatedCheck: false,
+      }),
+    ],
   ];
 
   return {

docs/next.config.mjs

@@ -57,6 +57,9 @@ const nextConfig = {
   },
   ...(process.env.NODE_ENV === 'production' && { distDir: 'export', output: 'export' }),
   devIndicators: false,
+  experimental: {
+    reactCompiler: true,
+  },
 };
 
 const mergedConfig = withMdx(withDeploymentConfig(nextConfig));

eslint.config.mjs

@@ -34,6 +34,7 @@ export default defineConfig(
   globalIgnores(['./examples']),
   createBaseConfig({
     baseDirectory: dirname,
+    enableReactCompiler: true,
   }),
   {
     name: 'Base UI overrides',

package.json

@@ -73,6 +73,7 @@
     "@vitest/coverage-istanbul": "3.2.4",
     "@vitest/ui": "3.2.4",
     "@vvago/vale": "^3.12.0",
+    "babel-plugin-react-compiler": "1.0.0",
     "chai-dom": "^1.12.1",
     "chalk": "^5.6.2",
     "concurrently": "^9.2.1",

packages/react/package.json

@@ -88,6 +88,7 @@
     "@base-ui-components/utils": "workspace:*",
     "@floating-ui/react-dom": "^2.1.6",
     "@floating-ui/utils": "^0.2.10",
+    "react-compiler-runtime": "^1.0.0",
     "reselect": "^5.1.1",
     "tabbable": "^6.2.0",
     "use-sync-external-store": "^1.6.0"

packages/utils/package.json

@@ -28,6 +28,7 @@
   "dependencies": {
     "@babel/runtime": "^7.28.4",
     "@floating-ui/utils": "^0.2.10",
+    "react-compiler-runtime": "^1.0.0",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.6.0"
   },