support react-scripts 4

Author: smmoosavi

README.md

@@ -220,6 +220,7 @@ you can find more detail in [this file][css-patch]
 | 2.0.0 - 2.1.1 |        0.1.2         |
 |     2.1.2     |        0.1.4         |
 |     3.0.0     |        0.2.0         |
+|     4.0.0     |        0.3.0         |
 
 ## Thanks
 

bin/monkey-react-scripts.js

@@ -19,7 +19,7 @@ const nodeArgs = scriptIndex > 0 ? args.slice(0, scriptIndex) : [];
 
 if (['build', 'start', 'test'].includes(script)) {
     const result = spawn.sync(
-      'node',
+      process.execPath,
       nodeArgs
         .concat(require.resolve('../scripts/' + script))
         .concat(args.slice(scriptIndex + 1)),

scripts/test.js

@@ -18,8 +18,27 @@ require('react-scripts/config/jest/babelTransform.js')
 if (fs.existsSync(webpackMonkeyPath)) {
     console.log(chalk.yellow('WARNING! .babelrc file is enabled!'));
     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;
+    }
+  })();
+
     patchModule('react-scripts/config/jest/babelTransform.js', babelJest.createTransformer({
-        presets: [require.resolve('babel-preset-react-app')],
+        presets: [
+          require.resolve('babel-preset-react-app'),
+          {
+            runtime: hasJsxRuntime ? 'automatic' : 'classic',
+          },
+        ],
         babelrc: true,
         configFile: false,
     }));