From 4b58f6365aa9d034753feb1175c074d0d904cc6c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Vin=C3=ADcius?=
 <62823394+pedrovinis@users.noreply.github.com>
Date: Thu, 23 Sep 2021 14:44:32 -0300
Subject: [PATCH] Update ProductView.tsx (#433)

When you navigate to other product page, the options selected by default don't change and the options from the last product navigated are used. Adding a key to "ProductSideBar" component, makes it refresh default options and refresh actual product selected options when i navigate for many products.
---
 components/product/ProductView/ProductView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/product/ProductView/ProductView.tsx b/components/product/ProductView/ProductView.tsx
index f689030d6..5c85eb084 100644
--- a/components/product/ProductView/ProductView.tsx
+++ b/components/product/ProductView/ProductView.tsx
@@ -58,7 +58,7 @@ const ProductView: FC<ProductViewProps> = ({ product, relatedProducts }) => {
             )}
           </div>
 
-          <ProductSidebar product={product} className={s.sidebar} />
+          <ProductSidebar key={product.id} product={product} className={s.sidebar} />
         </div>
         <hr className="mt-7 border-accent-2" />
         <section className="py-12 px-6 mb-10">