fix(ColorAccordion, LayeredColorsSelect): add keys to list items (#2942)

ionic-team · Apr 27, 2023 · 9675a8a · 9675a8a · vercel · Apr 27, 2023
1 parent 3a20ba5
commit 9675a8a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/page/theming/ColorAccordion/index.tsx b/src/components/page/theming/ColorAccordion/index.tsx
@@ -38,6 +38,7 @@ export default function ColorAccordion({ ...props }) {
 
         return (
           <li
+            key={color}
             className={clsx({
               [styles.colorMenuItem]: true,
               [styles.colorMenuItemActive]: color === activeColor,

diff --git a/src/components/page/theming/LayeredColorsSelect/index.tsx b/src/components/page/theming/LayeredColorsSelect/index.tsx
@@ -93,7 +93,7 @@ export default function LayeredColorsSelect({ ...props }) {
           const codeColor = variation.rgb ? `rgb(${variation.value})` : `${variation.value}`;
 
           return (
-            <tr>
+            <tr key={variation.name}>
               <td className={styles.colorName}>{variation.name}</td>
               <td className={styles.colorProperty}>
                 <code>{variation.property}</code>