fix(LabelGroup): use add key to children map

primer · Oct 31, 2024 · c9675ef · c9675ef
1 parent 760dc8e
commit c9675ef
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/react/src/LabelGroup/LabelGroup.tsx b/packages/react/src/LabelGroup/LabelGroup.tsx
@@ -345,6 +345,7 @@ const LabelGroup: React.FC<React.PropsWithChildren<LabelGroupProps>> = ({
           data-index={index}
           className={hiddenItemIds.includes(index.toString()) ? 'ItemWrapper--hidden' : undefined}
           as={isList ? 'li' : 'span'}
+          key={index}
         >
           {child}
         </ItemWrapper>
@@ -379,8 +380,8 @@ const LabelGroup: React.FC<React.PropsWithChildren<LabelGroupProps>> = ({
   ) : (
     <StyledLabelGroupContainer data-overflow="inline" data-list={isList || undefined} sx={sxProp} as={as}>
       {isList
-        ? React.Children.map(children, child => {
-            return <li>{child}</li>
+        ? React.Children.map(children, (child, index) => {
+            return <li key={index}>{child}</li>
           })
         : children}
     </StyledLabelGroupContainer>