Support React 18 prereleases and experimental versions with automatic JSX runtime (#7642)

Author: devongovett

packages/core/integration-tests/test/integration/jsx-automatic-18/index.js

@@ -0,0 +1 @@
+module.exports = <div />;

packages/core/integration-tests/test/integration/jsx-automatic-18/node_modules/react/jsx-dev-runtime.js

@@ -0,0 +1,6 @@
+{
+  "private": true,
+  "dependencies": {
+    "react": "18.0.0-rc.0-next-9a7e6bf0d-2022011"
+  }
+}

packages/core/integration-tests/test/integration/jsx-automatic-18/node_modules/react/jsx-runtime.js

@@ -0,0 +1 @@
+module.exports = <div />;

packages/core/integration-tests/test/integration/jsx-automatic-18/node_modules/react/package.json

@@ -0,0 +1,6 @@
+{
+  "private": true,
+  "dependencies": {
+    "react": "0.0.0-d5e1bf0-aee1b"
+  }
+}

packages/core/integration-tests/test/integration/jsx-automatic-18/package.json

@@ -203,6 +203,26 @@ describe('transpilation', function () {
     assert(file.includes('_jsxDevRuntime.jsxDEV("div"'));
   });
 
+  it('should support the automatic JSX runtime with React 18 prereleases', async function () {
+    let b = await bundle(
+      path.join(__dirname, '/integration/jsx-automatic-18/index.js'),
+    );
+
+    let file = await outputFS.readFile(b.getBundles()[0].filePath, 'utf8');
+    assert(file.includes('react/jsx-dev-runtime'));
+    assert(file.includes('_jsxDevRuntime.jsxDEV("div"'));
+  });
+
+  it('should support the automatic JSX runtime with experimental React versions', async function () {
+    let b = await bundle(
+      path.join(__dirname, '/integration/jsx-automatic-experimental/index.js'),
+    );
+
+    let file = await outputFS.readFile(b.getBundles()[0].filePath, 'utf8');
+    assert(file.includes('react/jsx-dev-runtime'));
+    assert(file.includes('_jsxDevRuntime.jsxDEV("div"'));
+  });
+
   it('should support the automatic JSX runtime with preact with alias', async function () {
     let b = await bundle(
       path.join(

packages/core/integration-tests/test/integration/jsx-automatic-18/yarn.lock

@@ -22,7 +22,7 @@ const JSX_PRAGMA = {
   react: {
     pragma: 'React.createElement',
     pragmaFrag: 'React.Fragment',
-    automatic: '>= 17.0.0',
+    automatic: '>= 17.0.0 || >= 0.0.0-0 < 0.0.0',
   },
   preact: {
     pragma: 'h',
@@ -220,7 +220,9 @@ export default (new Transformer({
           automaticVersion &&
           !compilerOptions?.jsxFactory &&
           minReactLibVersion != null &&
-          semver.satisfies(minReactLibVersion, automaticVersion);
+          semver.satisfies(minReactLibVersion, automaticVersion, {
+            includePrerelease: true,
+          });
 
         if (automaticJSXRuntime) {
           jsxImportSource = reactLib;