From 28998e445e01ddec14ad5ebe61bcc4b8354501e7 Mon Sep 17 00:00:00 2001
From: Phuoc Nguyen <me@phuoc.ng>
Date: Wed, 31 Mar 2021 16:20:04 +0700
Subject: [PATCH] Don't refresh products on sidebar

---
 client/layouts/DetailsLayout.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/client/layouts/DetailsLayout.tsx b/client/layouts/DetailsLayout.tsx
index 04c8cae..d7aa50d 100644
--- a/client/layouts/DetailsLayout.tsx
+++ b/client/layouts/DetailsLayout.tsx
@@ -20,8 +20,7 @@ interface DetailsLayoutProps {
 
 const DetailsLayout: React.FC<DetailsLayoutProps> = ({ pattern, children }) => {
     useDocumentTitle(`CSS Layout ∙ ${pattern}`);
-
-    const products = randomItems(ProductList, 3);
+    const products = React.useMemo(() => randomItems(ProductList, 3), []);
 
     return (
         <Layout>