Import createElement from react in final build

.github/workflows/npm.yaml

@@ -46,7 +46,7 @@ jobs:
         run: bun install --frozen-lockfile
 
       - name: 📦 Build
-        run: bun run build
+        run: NODE_ENV=prod bun run build -m production
 
       - name: 🔖 Release
         run: npm publish

tsconfig.json

@@ -4,6 +4,7 @@
     "target": "ES5",
     "module": "ESNext",
     "jsx": "react-jsx",
+    "jsxImportSource": "react",
     "sourceMap": true,
     "outDir": "dist",
     "moduleResolution": "node",
@@ -14,17 +15,25 @@
     "declaration": true,
     "declarationDir": "types",
     "emitDeclarationOnly": true,
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ESNext"
+    ],
     "stripInternal": true,
-    "types": ["bun-types"],
+    "types": [
+      "bun-types"
+    ],
     "resolveJsonModule": true,
-
     /* Linting */
     "strict": true,
     "noImplicitAny": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src", ".ladle/components.tsx"]
+  "include": [
+    "src",
+    ".ladle/components.tsx"
+  ]
 }

vite.config.ts

@@ -10,6 +10,9 @@ export default defineConfig({
     minifySyntax: true,
     minifyIdentifiers: true,
     jsxDev: false,
+    jsxImportSource: 'react',
+    jsxFactory: 'createElement',
+    jsxInject: 'import { createElement } from "react";',
     jsx: 'transform',
   },
   build: {
@@ -18,7 +21,7 @@ export default defineConfig({
       name: '@zuruuh/react-date-picker',
     },
     rollupOptions: {
-      external: [...Object.keys(packageJson.peerDependencies)],
+      external: Object.keys(packageJson.peerDependencies),
       output: {
         compact: true,
         globals: {