Allow use react-jsx transform in React 16.14.0 (#7728)

parcel-bundler · Mar 20, 2022 · ec8ed46 · ec8ed46
1 parent 96c847b
commit ec8ed46
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 1 deletion.
diff --git a/packages/core/integration-tests/test/integration/jsx-automatic-16/index.js b/packages/core/integration-tests/test/integration/jsx-automatic-16/index.js
@@ -0,0 +1 @@
+module.exports = <div />;
diff --git a/...integration-tests/test/integration/jsx-automatic-16/node_modules/react/jsx-dev-runtime.js b/...integration-tests/test/integration/jsx-automatic-16/node_modules/react/jsx-dev-runtime.js
diff --git a/...ore/integration-tests/test/integration/jsx-automatic-16/node_modules/react/jsx-runtime.js b/...ore/integration-tests/test/integration/jsx-automatic-16/node_modules/react/jsx-runtime.js
diff --git a/.../core/integration-tests/test/integration/jsx-automatic-16/node_modules/react/package.json b/.../core/integration-tests/test/integration/jsx-automatic-16/node_modules/react/package.json
diff --git a/packages/core/integration-tests/test/integration/jsx-automatic-16/package.json b/packages/core/integration-tests/test/integration/jsx-automatic-16/package.json
@@ -0,0 +1,6 @@
+{
+  "private": true,
+  "dependencies": {
+    "react": "16.14.0"
+  }
+}
diff --git a/packages/core/integration-tests/test/integration/jsx-automatic-16/yarn.lock b/packages/core/integration-tests/test/integration/jsx-automatic-16/yarn.lock
diff --git a/packages/core/integration-tests/test/transpilation.js b/packages/core/integration-tests/test/transpilation.js
@@ -203,6 +203,16 @@ describe('transpilation', function () {
     assert(file.includes('_jsxDevRuntime.jsxDEV("div"'));
   });
 
+  it('should support the automatic JSX runtime with React ^16.14.0', async function () {
+    let b = await bundle(
+      path.join(__dirname, '/integration/jsx-automatic-16/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 React 18 prereleases', async function () {
     let b = await bundle(
       path.join(__dirname, '/integration/jsx-automatic-18/index.js'),

diff --git a/packages/transformers/js/src/JSTransformer.js b/packages/transformers/js/src/JSTransformer.js
@@ -22,7 +22,7 @@ const JSX_PRAGMA = {
   react: {
     pragma: 'React.createElement',
     pragmaFrag: 'React.Fragment',
-    automatic: '>= 17.0.0 || >= 0.0.0-0 < 0.0.0',
+    automatic: '>= 17.0.0 || ^16.14.0 || >= 0.0.0-0 < 0.0.0',
   },
   preact: {
     pragma: 'h',