From 1090294ec19270b3fe6e3d949a86c605261fbe05 Mon Sep 17 00:00:00 2001
From: Chloe <pinkcloudvnn@gmail.com>
Date: Tue, 3 May 2022 15:27:44 +0700
Subject: [PATCH] Fix typescript issue

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
---
 site/components/product/ProductSidebar/ProductSidebar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/site/components/product/ProductSidebar/ProductSidebar.tsx b/site/components/product/ProductSidebar/ProductSidebar.tsx
index 17b44f49f..585549bc6 100644
--- a/site/components/product/ProductSidebar/ProductSidebar.tsx
+++ b/site/components/product/ProductSidebar/ProductSidebar.tsx
@@ -26,13 +26,14 @@ const ProductSidebar: FC<ProductSidebarProps> = ({ product, className }) => {
   }, [product])
 
   const variant = getProductVariant(product, selectedOptions)
+
   const addToCart = async () => {
     setLoading(true)
     try {
       await addItem({
         productId: String(product.id),
         variantId: String(variant ? variant.id : product.variants[0]?.id),
-        variant,
+        variant: variant ?? product.variants[0],
         currencyCode: String(product.price.currencyCode),
       })
       openSidebar()