feat: add support for react-compiler-runtime

primer · Jan 31, 2025 · b5d9b4d · b5d9b4d
1 parent e227c81
commit b5d9b4d
Show file tree

Hide file tree

Showing 5 changed files with 50 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/react/.storybook/main.ts b/packages/react/.storybook/main.ts
@@ -49,7 +49,21 @@ const config: StorybookConfig = {
       },
     }
 
-    config.plugins = [...(config.plugins ?? []), react()]
+    config.plugins = [
+      ...(config.plugins ?? []),
+      react({
+        babel: {
+          plugins: [
+            [
+              'babel-plugin-react-compiler',
+              {
+                target: '18',
+              },
+            ],
+          ],
+        },
+      }),
+    ]
 
     return config
   },

diff --git a/packages/react/babel.config.js b/packages/react/babel.config.js
@@ -6,6 +6,12 @@ function replacementPlugin(env) {
 
 const sharedPlugins = [
   'macros',
+  [
+    'babel-plugin-react-compiler',
+    {
+      target: '18',
+    },
+  ],
   'dev-expression',
   'add-react-displayname',
   'babel-plugin-styled-components',

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -102,6 +102,7 @@
     "hsluv": "1.0.1",
     "lodash.isempty": "^4.4.0",
     "lodash.isobject": "^3.0.2",
+    "react-compiler-runtime": "19.0.0-beta-27714ef-20250124",
     "react-intersection-observer": "^9.4.3",
     "react-is": "^18.2.0",
     "styled-system": "^5.1.5"
@@ -159,6 +160,7 @@
     "babel-plugin-dev-expression": "0.2.3",
     "babel-plugin-macros": "3.1.0",
     "babel-plugin-open-source": "1.3.4",
+    "babel-plugin-react-compiler": "19.0.0-beta-27714ef-20250124",
     "babel-plugin-styled-components": "2.1.4",
     "babel-plugin-transform-replace-expressions": "0.2.0",
     "babel-polyfill": "6.26.0",

diff --git a/packages/react/rollup.config.mjs b/packages/react/rollup.config.mjs
@@ -83,6 +83,12 @@ const baseConfig = {
       ],
       plugins: [
         'macros',
+        [
+          'babel-plugin-react-compiler',
+          {
+            target: '18',
+          },
+        ],
         'add-react-displayname',
         'dev-expression',
         'babel-plugin-styled-components',