chore: use plugin instead of preset

unjs · Jan 10, 2024 · f5d3a16 · f5d3a16
1 parent 3fba8bf
commit f5d3a16
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 60 deletions.
diff --git a/package.json b/package.json
@@ -29,12 +29,13 @@
     "@babel/plugin-proposal-decorators": "^7.23.6",
     "@babel/plugin-syntax-class-properties": "^7.12.13",
     "@babel/plugin-syntax-import-assertions": "^7.23.3",
+    "@babel/plugin-syntax-jsx": "^7.23.3",
     "@babel/plugin-transform-export-namespace-from": "^7.23.4",
     "@babel/plugin-transform-modules-commonjs": "^7.23.3",
     "@babel/plugin-transform-nullish-coalescing-operator": "^7.23.4",
     "@babel/plugin-transform-optional-chaining": "^7.23.4",
+    "@babel/plugin-transform-react-jsx": "^7.23.4",
     "@babel/plugin-transform-typescript": "^7.23.6",
-    "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@babel/template": "^7.22.15",
     "@babel/types": "^7.23.6",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/babel.ts b/src/babel.ts
@@ -45,16 +45,15 @@ export default function transform(opts: TransformOptions): TRANSFORM_RESULT {
   }
 
   if (opts.jsx) {
-    if (!_opts.presets) {
-      _opts.presets = [];
-    }
-
-    _opts.presets.push([
-      require("@babel/preset-react"),
-      {
-        ...(typeof opts.jsx === "object" ? opts.jsx : {}),
-      },
-    ]);
+    _opts.plugins.push(require("@babel/plugin-syntax-jsx"))
+    _opts.plugins.push(
+      [
+        require('@babel/plugin-transform-react-jsx'),
+        {
+          ...(typeof opts.jsx === "object" ? opts.jsx : {}),
+        },
+      ]
+    );
   }
 
   if (opts.legacy) {