diff --git a/package.json b/package.json
index dd50199..7e136e1 100644
--- a/package.json
+++ b/package.json
@@ -53,8 +53,6 @@
     "lucide-react": "^0.298.0",
     "postcss": "^8.4.32",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "rollup": "^2.75.6",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-dts": "^4.2.3",
@@ -109,5 +107,9 @@
     "react-hook-form": "^7.49.2",
     "tailwind-merge": "^2.1.0",
     "tailwindcss-animate": "^1.0.7"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   }
 }
diff --git a/rollup.config.js b/rollup.config.js
index 13d8df6..faaf440 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -2,6 +2,7 @@ import commonjs from "@rollup/plugin-commonjs";
 import resolve from "@rollup/plugin-node-resolve";
 import typescript from "@rollup/plugin-typescript";
 import copy from "rollup-plugin-copy";
+import peerDepsExternal from "rollup-plugin-peer-deps-external";
 import preserveDirectives from "rollup-plugin-preserve-directives";
 import { terser } from "rollup-plugin-terser";
 
@@ -16,6 +17,7 @@ export default [
       },
     ],
     plugins: [
+      peerDepsExternal(),
       // Locate modules using the Node resolution algorithm
       resolve(),
       // Convert CommonJS modules to ES6.