Pass JSX runtime setting to Babel preset in Jest config (facebook#9865)

Afshaanp-Adappt · Oct 23, 2020 · 2b1161b · 2b1161b
1 parent f2aef41
commit 2b1161b
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/packages/react-scripts/config/jest/babelTransform.js b/packages/react-scripts/config/jest/babelTransform.js
@@ -9,8 +9,28 @@
 
 const babelJest = require('babel-jest');
 
+const hasJsxRuntime = (() => {
+  if (process.env.DISABLE_NEW_JSX_TRANSFORM === 'true') {
+    return false;
+  }
+
+  try {
+    require.resolve('react/jsx-runtime');
+    return true;
+  } catch (e) {
+    return false;
+  }
+})();
+
 module.exports = babelJest.createTransformer({
-  presets: [require.resolve('babel-preset-react-app')],
+  presets: [
+    [
+      require.resolve('babel-preset-react-app'),
+      {
+        runtime: hasJsxRuntime ? 'automatic' : 'classic',
+      },
+    ],
+  ],
   babelrc: false,
   configFile: false,
 });