From fae10da971f2be662f79a5ba950fc55bc54b5616 Mon Sep 17 00:00:00 2001
From: Pier Francesco Ferrari <pierfrancesco@commercelayer.io>
Date: Thu, 29 Feb 2024 19:09:38 +0100
Subject: [PATCH] fix: use unique keys in maps

---
 packages/app/src/components/SkuListForm/SkuListForm.tsx | 4 ++--
 packages/app/src/pages/SkuListDetails.tsx               | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/app/src/components/SkuListForm/SkuListForm.tsx b/packages/app/src/components/SkuListForm/SkuListForm.tsx
index 8a52e7d..f9f244c 100644
--- a/packages/app/src/components/SkuListForm/SkuListForm.tsx
+++ b/packages/app/src/components/SkuListForm/SkuListForm.tsx
@@ -125,8 +125,8 @@ export function SkuListForm({
               defaultTab={defaultTab}
             >
               <Tab name='Manual'>
-                {watchedFormItems?.map((item, idx) => (
-                  <Spacer top='2' key={idx}>
+                {watchedFormItems?.map((item) => (
+                  <Spacer top='2' key={item.sku_code}>
                     <ListItemCardSkuListItem
                       resource={item}
                       onQuantityChange={(resource, quantity) => {
diff --git a/packages/app/src/pages/SkuListDetails.tsx b/packages/app/src/pages/SkuListDetails.tsx
index 511fbcc..7c44fab 100644
--- a/packages/app/src/pages/SkuListDetails.tsx
+++ b/packages/app/src/pages/SkuListDetails.tsx
@@ -126,8 +126,11 @@ export const SkuListDetails = (
             {skuList.manual === true ? (
               <>
                 {skuList.sku_list_items != null
-                  ? skuList.sku_list_items.map((item, idx) => (
-                      <ListItemSkuListItem key={idx} resource={item} />
+                  ? skuList.sku_list_items.map((item) => (
+                      <ListItemSkuListItem
+                        key={item.sku_code}
+                        resource={item}
+                      />
                     ))
                   : null}
               </>