Update product similar section

1 files changed, 4 insertions, 1 deletions

diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx
index 80f43aea..2bd3c901 100644
--- a/src-migrate/modules/product-detail/components/ProductDetail.tsx
+++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx
@@ -23,6 +23,7 @@ import SimilarBottom from './SimilarBottom'
 import PriceAction from './PriceAction'
 import ProductPromoSection from '~/modules/product-promo/components/Section'
 import Breadcrumb from './Breadcrumb'
+import { LazyLoadComponent } from 'react-lazy-load-image-component'
 
 type Props = {
   product: IProductDetail
@@ -166,7 +167,9 @@ const ProductDetail = ({ product }: Props) => {
 
           <div className='h-6' />
 
-          <SimilarBottom product={product} />
+          <LazyLoadComponent>
+            <SimilarBottom product={product} />
+          </LazyLoadComponent>
         </div>
 
         <div className='h-6 md:h-0' />