feat: use modern jsx transform

framer · Apr 16, 2024 · 23249a1 · 23249a1
1 parent c218181
commit 23249a1
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 5 deletions.
diff --git a/dev/tsconfig.json b/dev/tsconfig.json
@@ -5,7 +5,7 @@
         "moduleResolution": "node",
         "isolatedModules": false,
         "importHelpers": true,
-        "jsx": "react",
+        "jsx": "react-jsxdev",
         "esModuleInterop": true,
         "experimentalDecorators": true,
         "emitDecoratorMetadata": true,

diff --git a/packages/framer-motion-3d/rollup.config.mjs b/packages/framer-motion-3d/rollup.config.mjs
@@ -13,6 +13,7 @@ const external = [
     ...Object.keys(pkg.peerDependencies || {}),
     ...Object.keys(motionPkg.dependencies || {}),
     ...Object.keys(motionPkg.peerDependencies || {}),
+    "react/jsx-runtime",
 ]
 
 const cjs = Object.assign({}, config, {

diff --git a/packages/framer-motion-3d/tsconfig.json b/packages/framer-motion-3d/tsconfig.json
@@ -5,7 +5,7 @@
         "moduleResolution": "node",
         "isolatedModules": false,
         "importHelpers": true,
-        "jsx": "react",
+        "jsx": "react-jsx",
         "esModuleInterop": true,
         "experimentalDecorators": true,
         "emitDecoratorMetadata": true,

diff --git a/packages/framer-motion/rollup.config.mjs b/packages/framer-motion/rollup.config.mjs
@@ -28,6 +28,7 @@ const external = [
     ...Object.keys(pkg.dependencies || {}),
     ...Object.keys(pkg.peerDependencies || {}),
     ...Object.keys(pkg.optionalDependencies || {}),
+    "react/jsx-runtime",
 ]
 
 const pureClass = {
@@ -46,7 +47,7 @@ const umd = Object.assign({}, config, {
         exports: "named",
         globals: { react: "React" },
     },
-    external: ["react", "react-dom"],
+    external: ["react", "react-dom", "react/jsx-runtime"],
     plugins: [resolve(), replaceSettings("development")],
 })
 
@@ -63,7 +64,7 @@ const projection = Object.assign({}, config, {
         },
     },
     plugins: [resolve(), replaceSettings("development")],
-    external: ["react", "react-dom"],
+    external: ["react", "react-dom", "react/jsx-runtime"],
 })
 
 const umdProd = Object.assign({}, umd, {

diff --git a/packages/framer-motion/tsconfig.json b/packages/framer-motion/tsconfig.json
@@ -5,7 +5,7 @@
         "moduleResolution": "node",
         "isolatedModules": false,
         "importHelpers": true,
-        "jsx": "react",
+        "jsx": "react-jsx",
         "esModuleInterop": true,
         "experimentalDecorators": true,
         "emitDecoratorMetadata": true,