diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index b5452bef1..61beda7fe 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/components/product/ProductView/ProductView.tsx
@@ -43,7 +43,7 @@ const ProductView: FC<Props> = ({ product }) => {
     try {
       await addItem({
         productId: String(product.id),
-        variantId: variant ? variant.id : product.variants[0].id,
+        variantId: String(variant ? variant.id : product.variants[0].id),
       })
       openSidebar()
       setLoading(false)