diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx
index 47c000032..d60f3e937 100644
--- a/components/product/ProductCard/ProductCard.tsx
+++ b/components/product/ProductCard/ProductCard.tsx
@@ -25,7 +25,7 @@ const ProductCard: FC<Props> = ({ className, product, variant, imgProps }) => {
                 {product.name}
               </span>
             </div>
-            {product.images[0] && (
+            {product.images?[0] && (
               <Image
                 quality="85"
                 alt={product.name}
@@ -54,11 +54,11 @@ const ProductCard: FC<Props> = ({ className, product, variant, imgProps }) => {
               <WishlistButton
                 className={s.wishlistButton}
                 productId={product.id}
-                variant={product.variants[0]!}
+                variant={product.variants?[0]}
               />
             </div>
             <div className={s.imageContainer}>
-              {product.images[0] && (
+              {product.images?[0] && (
                 <Image
                   alt={product.name}
                   className={s.productImage}
diff --git a/framework/types.d.ts b/framework/types.d.ts
index 6d4e573fc..1342071dd 100644
--- a/framework/types.d.ts
+++ b/framework/types.d.ts
@@ -9,7 +9,7 @@ interface Product extends Entity {
   slug: string
   path?: string
   images: ProductImage[] | any[] | undefined
-  variants: ProductVariant[] | any[] | undefined
+  variants: ProductVariant[] | any[] | null | undefined
   price: ProductPrice
 }
 interface ProductImage {