From 3628979240cdb2056c2871274693050ca6e21f52 Mon Sep 17 00:00:00 2001
From: Bob Ippolito <bob@redivi.com>
Date: Sat, 11 May 2024 10:10:36 -0700
Subject: [PATCH] Use React 17+ jsx transform

---
 babel.config.js                                 | 2 +-
 packages/lexical-devtools/wxt.config.ts         | 2 +-
 packages/lexical-playground/vite.config.ts      | 2 +-
 packages/lexical-playground/vite.prod.config.ts | 2 +-
 scripts/build.js                                | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/babel.config.js b/babel.config.js
index ff972262b49..7ef7f39d372 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -24,7 +24,7 @@ module.exports = {
         },
       },
     ],
-    '@babel/preset-react',
+    ['@babel/preset-react', {runtime: 'automatic'}],
     '@babel/preset-flow',
   ],
 };
diff --git a/packages/lexical-devtools/wxt.config.ts b/packages/lexical-devtools/wxt.config.ts
index e7e1ad145f1..37d65f4e677 100644
--- a/packages/lexical-devtools/wxt.config.ts
+++ b/packages/lexical-devtools/wxt.config.ts
@@ -112,7 +112,7 @@ export default defineConfig({
             },
           ],
         ],
-        presets: ['@babel/preset-react'],
+        presets: [['@babel/preset-react', {runtime: 'automatic'}]],
       }),
       react(),
     ],
diff --git a/packages/lexical-playground/vite.config.ts b/packages/lexical-playground/vite.config.ts
index da1900251a5..bbfcd2cc45a 100644
--- a/packages/lexical-playground/vite.config.ts
+++ b/packages/lexical-playground/vite.config.ts
@@ -69,7 +69,7 @@ export default defineConfig(({command}) => {
             },
           ],
         ],
-        presets: ['@babel/preset-react'],
+        presets: [['@babel/preset-react', {runtime: 'automatic'}]],
       }),
       react(),
       viteCopyEsm(),
diff --git a/packages/lexical-playground/vite.prod.config.ts b/packages/lexical-playground/vite.prod.config.ts
index a765476d410..ad4b3499cec 100644
--- a/packages/lexical-playground/vite.prod.config.ts
+++ b/packages/lexical-playground/vite.prod.config.ts
@@ -62,7 +62,7 @@ export default defineConfig({
       exclude: '/**/node_modules/**',
       extensions: ['jsx', 'js', 'ts', 'tsx', 'mjs'],
       plugins: ['@babel/plugin-transform-flow-strip-types'],
-      presets: ['@babel/preset-react'],
+      presets: [['@babel/preset-react', {runtime: 'automatic'}]],
     }),
     react(),
     viteCopyEsm(),
diff --git a/scripts/build.js b/scripts/build.js
index fd10639a0f4..86ac404e090 100644
--- a/scripts/build.js
+++ b/scripts/build.js
@@ -191,7 +191,7 @@ async function build(name, inputFile, outputPath, outputFile, isProd, format) {
               tsconfig: path.resolve('./tsconfig.build.json'),
             },
           ],
-          '@babel/preset-react',
+          ['@babel/preset-react', {runtime: 'automatic'}],
         ],
       }),
       {