Fix swc browserlists support

Author: Morten N.O. Henriksen

packages/react-scripts/config/createSwcConfig.js

@@ -12,8 +12,16 @@ const hasJsxRuntime = require('./hasJsxRuntime');
 module.exports = function createSwcConfig({
   shouldUseSourceMap = true,
   isEnvDevelopment = false,
+  isEnvProduction = false,
   shouldUseReactRefresh = false,
 } = {}) {
+  const env =
+    isEnvDevelopment | isEnvProduction
+      ? {
+          mode: 'entry',
+          coreJs: 3,
+        }
+      : {};
   return {
     ecmascript: {
       sourceMaps: shouldUseSourceMap,
@@ -31,6 +39,7 @@ module.exports = function createSwcConfig({
           },
         },
       },
+      env,
     },
     typescript: {
       sourceMaps: shouldUseSourceMap,
@@ -45,9 +54,11 @@ module.exports = function createSwcConfig({
           react: {
             runtime: hasJsxRuntime ? 'automatic' : 'clasic',
             refresh: shouldUseReactRefresh,
+            development: isEnvDevelopment,
           },
         },
       },
     },
+    env,
   };
 };

packages/react-scripts/config/webpack.config.js

@@ -90,6 +90,7 @@ module.exports = function (webpackEnv) {
   const swcConfig = createSwcConfig({
     shouldUseSourceMap,
     isEnvDevelopment,
+    isEnvProduction,
     shouldUseReactRefresh,
   });
 

packages/react-scripts/scripts/utils/createJestConfig.js

@@ -14,7 +14,6 @@ const modules = require('../../config/modules');
 const createSwcConfig = require('../../config/createSwcConfig');
 const swcConfig = createSwcConfig({
   shouldUseSourceMap: true,
-  isEnvDevelopment: true,
 });
 
 module.exports = (resolve, rootDir, isEjecting) => {