diff --git a/src/components/product/listing/ProductListing.tsx b/src/components/product/listing/ProductListing.tsx
index 690a725..9771ebc 100644
--- a/src/components/product/listing/ProductListing.tsx
+++ b/src/components/product/listing/ProductListing.tsx
@@ -8,7 +8,7 @@ interface ProductListingProps {
 }
 
 const ProductListing: React.FC<ProductListingProps> = ({ product }) => {
-  const { variants, assets, meta, related_products } = product;
+  const { variants, assets = [], meta = {}, related_products = [] } = product;
   const images = assets.filter(({ is_image }) => is_image);
   return (
     <IonGrid className="product-listing">
diff --git a/src/pages/product/Product.tsx b/src/pages/product/Product.tsx
index 8e601cd..67a62b1 100644
--- a/src/pages/product/Product.tsx
+++ b/src/pages/product/Product.tsx
@@ -13,7 +13,6 @@ import "./Product.css";
 import Commerce from "@chec/commerce.js";
 import { useEffect, useState } from "react";
 import { RouteComponentProps } from "react-router";
-import ProductCard from "../../components/product/listing/ProductListing";
 import ProductListing from "../../components/product/listing/ProductListing";
 
 interface ProductDetailPageProps
@@ -33,7 +32,7 @@ const ProductDetail: React.FC<ProductDetailPageProps> = ({
       .retrieve(match.params.id)
       .then((product) => setProduct(product))
       .catch((e) => console.error(e));
-  }, []);
+  }, [match.params.id]);
 
   return (
     <IonPage>