diff --git a/src/components/sections/Cart/Cart.tsx b/src/components/sections/Cart/Cart.tsx
index a90d9a1..62db366 100644
--- a/src/components/sections/Cart/Cart.tsx
+++ b/src/components/sections/Cart/Cart.tsx
@@ -1,13 +1,14 @@
+"use client"
+
 import { Button } from "@/components/atoms"
 import { CartEmpty, CartItems, CartSummary } from "@/components/organisms"
 import LocalizedClientLink from "@/components/molecules/LocalizedLink/LocalizedLink"
-import { retrieveCart } from "@/lib/data/cart"
 import CartPromotionCode from "../CartReview/CartPromotionCode"
-import { EmptyCart } from "@/components/organisms/CartItems/EmptyCart"
-
-export const Cart = async () => {
-  const cart = await retrieveCart()
+import { useCartContext } from "@/components/providers"
 
+export const Cart = () => {
+  const { cart } = useCartContext()
+  
   if (!cart || !cart.items?.length) {
     return <CartEmpty />
   }