use automatic jsx compiler that doesn't require react imports

sofn-xyz · Aug 3, 2022 · 9713de0 · 9713de0
1 parent 5ab2874
commit 9713de0
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 6 deletions.
diff --git a/babel.config.json b/babel.config.json
@@ -1,6 +1,6 @@
 {
   "presets": [
-    "@babel/react",
+    ["@babel/react", { "runtime": "automatic" }],
     ["@babel/preset-typescript", { "isTSX": true, "allExtensions": true }],
     "@babel/preset-env"
   ]

diff --git a/packages/cli/src/commands/preview.ts b/packages/cli/src/commands/preview.ts
@@ -44,14 +44,23 @@ export const handler = async (argv: PreviewArgs) => {
     require("ts-node").register({
       compilerOptions: {
         module: "commonjs",
-        jsx: "react",
+        jsx: "react-jsx",
         moduleResolution: "node",
         skipLibCheck: true,
       },
     });
 
     require("@babel/register")({
-      presets: ["@babel/react", "@babel/preset-env"],
+      presets: [
+        [
+          "@babel/react",
+          {
+            runtime: "automatic",
+          },
+        ],
+        "@babel/preset-env",
+      ],
+      compact: false,
     });
   }
 
@@ -131,7 +140,7 @@ export const handler = async (argv: PreviewArgs) => {
           showIntercept(req, res);
         } else if (/^\/previews\/.*\.json/.test(req.url)) {
           showPreview(req, res);
-        } else if (/^\/_next/.test(req.url)) {
+        } else if (/^\/_+next/.test(req.url)) {
           noLog = true;
           await app.render(req, res, `${pathname}`, query);
         } else {

diff --git a/packages/cli/src/dev.js b/packages/cli/src/dev.js
@@ -6,13 +6,22 @@ process.env.MM_DEV = 1;
 require("ts-node").register({
   compilerOptions: {
     module: "commonjs",
-    jsx: "react",
+    jsx: "react-jsx",
     moduleResolution: "node",
     skipLibCheck: true,
   },
 });
 
 require("@babel/register")({
-  presets: ["@babel/react", "@babel/preset-env"],
+  presets: [
+    [
+      "@babel/react",
+      {
+        runtime: "automatic",
+      },
+    ],
+    "@babel/preset-env",
+  ],
+  compact: false,
 });
 require("./index.ts");