no message

1 files changed, 4 insertions, 5 deletions

diff --git a/src/pages/shop/product/[slug].js b/src/pages/shop/product/[slug].js
index c3d34806..60849264 100644
--- a/src/pages/shop/product/[slug].js
+++ b/src/pages/shop/product/[slug].js
@@ -5,7 +5,6 @@ import Header from "@/components/layouts/Header";
 import apiOdoo from "@/core/utils/apiOdoo";
 import { createSlug, getIdFromSlug } from "@/core/utils/slug";
 import currencyFormat from "@/core/utils/currencyFormat";
-import ProductSlider from "@/components/products/ProductSlider";
 import Layout from "@/components/layouts/Layout";
 import { createOrUpdateItemCart } from "@/core/utils/cart";
 import toast from "react-hot-toast";
@@ -15,13 +14,13 @@ import LineDivider from "@/components/elements/LineDivider";
 import { HeartIcon as HeartIconSolid } from "@heroicons/react/24/solid";
 import { useAuth } from "@/core/utils/auth";
 import { HeartIcon } from "@heroicons/react/24/outline";
-import { LazyLoadComponent } from "react-lazy-load-image-component";
+import LazyLoad from "react-lazy-load";
 import ProductSimilar from "@/components/products/ProductSimilar";
 
 export async function getServerSideProps( context ) {
   const { slug } = context.query;
   let product = await apiOdoo('GET', '/api/v1/product/' + getIdFromSlug(slug));
-  if (product.length == 1) {
+  if (product?.length == 1) {
     product = product[0];
     product.description = product.description.replaceAll('<p>', '||p||');
     product.description = product.description.replaceAll('</p>', '||/p||');
@@ -274,9 +273,9 @@ export default function ProductDetail({ product }) {
 
         <LineDivider />
         
-        <LazyLoadComponent>
+        <LazyLoad>
           <ProductSimilar productId={getIdFromSlug(slug || '')} />
-        </LazyLoadComponent>
+        </LazyLoad>
         
         <Footer />
       </Layout>