diff --git a/packages/sdks/nextjs/index.tsx b/packages/sdks/nextjs/index.tsx
index 36dc4a8e..204e4f54 100644
--- a/packages/sdks/nextjs/index.tsx
+++ b/packages/sdks/nextjs/index.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import Script from 'next/script';
 
 import type {
diff --git a/packages/sdks/nextjs/package.json b/packages/sdks/nextjs/package.json
index 8aa30759..4a3957d8 100644
--- a/packages/sdks/nextjs/package.json
+++ b/packages/sdks/nextjs/package.json
@@ -12,7 +12,9 @@
     "@openpanel/web": "workspace:*"
   },
   "peerDependencies": {
-    "next": "^13.0.0"
+    "next": "^14.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@openpanel/eslint-config": "workspace:*",