diff --git a/demo/next.config.js b/demo/next.config.js
index 3fa419b..a1d8385 100644
--- a/demo/next.config.js
+++ b/demo/next.config.js
@@ -10,5 +10,7 @@ const nextConfig = {
   images: {
     unoptimized: true,
   },
+  // Transpile local package to ensure React imports work correctly
+  transpilePackages: ['@ibrahimcesar/react-lite-youtube-embed'],
 }
 module.exports = nextConfig
\ No newline at end of file
diff --git a/demo/package-lock.json b/demo/package-lock.json
index a94a6d4..d3672be 100644
--- a/demo/package-lock.json
+++ b/demo/package-lock.json
@@ -14,8 +14,7 @@
         "next": "14.2.33",
         "prismjs": "^1.27.0",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-lite-youtube-embed": "2.6.0"
+        "react-dom": "^18.2.0"
       }
     },
     "..": {
@@ -431,16 +430,6 @@
         "react": "^18.2.0"
       }
     },
-    "node_modules/react-lite-youtube-embed": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/react-lite-youtube-embed/-/react-lite-youtube-embed-2.6.0.tgz",
-      "integrity": "sha512-IOz67PY67a/2hlEkiUIBJ9D6TYX7RQnJgCa5J2xgDWd9yhGxEacuamo4c3b5nV6+CwssyL6OCLtgFh2guaKsmw==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": ">=18.2.0",
-        "react-dom": ">=18.2.0"
-      }
-    },
     "node_modules/scheduler": {
       "version": "0.23.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
diff --git a/demo/package.json b/demo/package.json
index 821a3f1..501a92b 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -14,7 +14,9 @@
     "next": "14.2.33",
     "prismjs": "^1.27.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-lite-youtube-embed": "2.6.0"
+    "react-dom": "^18.2.0"
+  },
+  "volta": {
+    "node": "20.10.0"
   }
 }
diff --git a/demo/pages/index.js b/demo/pages/index.js
index 51b45dd..f7fe97b 100644
--- a/demo/pages/index.js
+++ b/demo/pages/index.js
@@ -19,8 +19,8 @@ export default function Home() {
     }, []);
 
   // Get the component version from package.json
-  const componentVersion = packageInfo.dependencies['react-lite-youtube-embed'];
-  const isBetaVersion = componentVersion.includes('beta') || componentVersion.includes('alpha') || componentVersion.includes('rc');
+  const componentVersion = packageInfo.dependencies['@ibrahimcesar/react-lite-youtube-embed'];
+  const isBetaVersion = componentVersion?.includes('beta') || componentVersion?.includes('alpha') || componentVersion?.includes('rc');
 
   // Navigation link styles
   const navLinkStyle = {