fix: use unique keys in maps

commercelayer · Feb 29, 2024 · fae10da · fae10da
1 parent 4e08529
commit fae10da
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git 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
@@ -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}
               </>