[FIXED] react as external dependency

Author: Hardik_B

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 dist
-.vscode
+.vscode
+example

build.js

@@ -1,10 +1,12 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const esbuild = require("esbuild");
+const { dependencies } = require("./package.json");
 
 const sharedConfig = {
   bundle: true,
   entryPoints: ["./src/index.tsx"],
   // Treat all dependencies in package.json as externals to keep bundle size to a minimum
+  external: Object.keys(dependencies),
   logLevel: "info",
   minify: true,
   sourcemap: true,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dx-kit/react-conditional-match",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "A flexible and reusable React component for conditionally rendering child elements. The component supports options for handling multiple matching children and custom fallbacks, and is lightweight and easy to use. This component can help simplify complex rendering logic in your React application and remove the need for ternary statements and if else blocks.",
   "main": "./dist/index.esm.js",
   "module": "./dist/index.cjs.js",
@@ -45,14 +45,18 @@
     "LICENSE",
     "README.md"
   ],
+  "dependencies": {
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.4.0",
     "@types/node": "^18.14.2",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
     "@types/testing-library__jest-dom": "^5.14.5",
     "@typescript-eslint/eslint-plugin": "^5.53.0",
     "@typescript-eslint/parser": "^5.53.0",
@@ -65,8 +69,6 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "jsdom": "^21.1.0",
     "prettier": "^2.8.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "typescript": "^4.9.5",
     "vitest": "^0.29.1"
   }