Type changes

components/cart/CartItem/CartItem.tsx

@@ -81,7 +81,7 @@ const CartItem = ({
         <span>{price}</span>
         <button
           className="flex justify-end"
-          onClick={() => removeItem({ itemId: item.id })}
+          onClick={() => removeItem({ id: item.id })}
         >
           <Trash />
         </button>

components/product/ProductView/ProductView.tsx

@@ -30,10 +30,8 @@ const ProductView: FC<Props> = ({ product, productData, className }) => {
   const addToCart = () => {
     // TODO: loading state by awating the promise
     addItem({
-      item: {
-        productId: product.entityId,
-        variantId: product.variants.edges?.[0]?.node.entityId!,
-      },
+      productId: product.entityId,
+      variantId: product.variants.edges?.[0]?.node.entityId!,
     })
   }