diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 13ea806..76395c8 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { Suspense, use, useCallback } from "react";
+import { Suspense, use, useCallback, useState } from "react";
 import { useRouter } from "next/navigation";
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
@@ -27,6 +27,7 @@ export default function ProductPage({ params }: ProductPageProps) {
 function ProductPageContent({ params }: ProductPageProps) {
     const { id } = use(params);
     const router = useRouter();
+    const [cartOpen, setCartOpen] = useState(false);
 
     const {
         product,
@@ -41,8 +42,6 @@ function ProductPageContent({ params }: ProductPageProps) {
 
     const {
         items: cartItems,
-        isOpen: cartOpen,
-        setIsOpen: setCartOpen,
         addItem,
         updateQuantity,
         removeItem,