refactor(es/react): Set automatic as default jsx runtime (#10688)

Author: magic-akari

bindings/binding_core_wasm/__tests__/simple.js

@@ -113,17 +113,17 @@ describe("parse", () => {
                     "ctxt": 2,
                     "optional": false,
                     "span": {
-                      "end": 254,
-                      "start": 251,
+                      "end": 114,
+                      "start": 111,
                     },
                     "type": "Identifier",
                     "value": "Foo",
                   },
                   "implements": [],
                   "isAbstract": false,
                   "span": {
-                    "end": 257,
-                    "start": 245,
+                    "end": 117,
+                    "start": 105,
                   },
                   "superClass": null,
                   "superTypeParams": null,
@@ -133,8 +133,8 @@ describe("parse", () => {
               ],
               "interpreter": null,
               "span": {
-                "end": 257,
-                "start": 245,
+                "end": 117,
+                "start": 105,
               },
               "type": "Module",
             }
@@ -159,17 +159,17 @@ describe("parse", () => {
                     "ctxt": 2,
                     "optional": false,
                     "span": {
-                      "end": 267,
-                      "start": 264,
+                      "end": 127,
+                      "start": 124,
                     },
                     "type": "Identifier",
                     "value": "Foo",
                   },
                   "implements": [],
                   "isAbstract": false,
                   "span": {
-                    "end": 270,
-                    "start": 258,
+                    "end": 130,
+                    "start": 118,
                   },
                   "superClass": null,
                   "superTypeParams": null,
@@ -179,8 +179,8 @@ describe("parse", () => {
               ],
               "interpreter": null,
               "span": {
-                "end": 270,
-                "start": 258,
+                "end": 130,
+                "start": 118,
               },
               "type": "Module",
             }

crates/swc/tests/fixture/codegen/jsx-1/output/index.js

@@ -1,4 +1,5 @@
-export default /*#__PURE__*/ React.createElement(A, {
+import { jsx as _jsx } from "react/jsx-runtime";
+export default /*#__PURE__*/ _jsx(A, {
     className: b,
     header: "C",
     subheader: "D E"

crates/swc/tests/fixture/issues-10xxx/10018/output/idnex.jsx

@@ -1,2 +1,3 @@
+var _require = require("react/jsx-runtime"), _jsx = _require.jsx;
 ;
-React.createElement("a", null);
+_jsx("a", {});

crates/swc/tests/fixture/issues-10xxx/10651/output/input.jsx

@@ -1,3 +1,6 @@
+var _require = require("react/jsx-runtime"), _jsx = _require.jsx, _Fragment = _require.Fragment;
 var a = function() {
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, "\xb7");
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: "\xb7"
+    });
 };

crates/swc/tests/fixture/issues-1xxx/1233/case-1/output/index.js

@@ -1,5 +1,6 @@
+var _require = require("react/jsx-runtime"), _jsx = _require.jsx;
 function Component() {
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsx("div", {
         name: "A B"
     });
 }

crates/swc/tests/fixture/issues-1xxx/1446/case1/output/input.tsx

@@ -1 +1,4 @@
-const Span = /*#__PURE__*/ React.createElement("span", null, "with ");
+const { jsx: _jsx } = require("react/jsx-runtime");
+const Span = /*#__PURE__*/ _jsx("span", {
+    children: "with "
+});

crates/swc/tests/fixture/issues-1xxx/1446/case2/output/input.tsx

@@ -1 +1,4 @@
-const Span = /*#__PURE__*/ React.createElement("span", null, "with&nbsp");
+const { jsx: _jsx } = require("react/jsx-runtime");
+const Span = /*#__PURE__*/ _jsx("span", {
+    children: "with&nbsp"
+});

crates/swc/tests/fixture/issues-1xxx/1446/case3/output/index.tsx

@@ -1 +1,9 @@
-/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", null, "Hello something long to not trigger line break"), " ");
+/*#__PURE__*/ const { jsx: _jsx, jsxs: _jsxs, Fragment: _Fragment } = require("react/jsx-runtime");
+_jsxs(_Fragment, {
+    children: [
+        /*#__PURE__*/ _jsx("span", {
+            children: "Hello something long to not trigger line break"
+        }),
+        " "
+    ]
+});

crates/swc/tests/fixture/issues-1xxx/1479/case-es2020/output/index.tsx

@@ -1,3 +1,4 @@
-const a = /*#__PURE__*/ React.createElement("div", {
+const { jsx: _jsx } = require("react/jsx-runtime");
+const a = /*#__PURE__*/ _jsx("div", {
     id: "abc>"
 });

crates/swc/tests/fixture/issues-1xxx/1479/case-es5/output/index.tsx

@@ -1,3 +1,4 @@
-var a = /*#__PURE__*/ React.createElement("div", {
+var _require = require("react/jsx-runtime"), _jsx = _require.jsx;
+var a = /*#__PURE__*/ _jsx("div", {
     id: "abc>"
 });