Merge pull request #51 from neil-lobo/neil/fix/accent-key

Resolve Missing Key Warning
zhanglun · Apr 26, 2024 · 023d6fc · 023d6fc
2 parents 2088839 + 631823b
commit 023d6fc
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/layout/Setting/Appearance/Accent.tsx b/src/layout/Setting/Appearance/Accent.tsx
@@ -83,8 +83,8 @@ export const Accent = () => {
 
   return (
     <div className="flex gap-4 items-center">
-      {ACCENTS.map((accent: { name: string; hsl: string }) => {
-        return <AccentItem {...accent} active={accent.name === currentTheme} onClick={handleClick} />;
+      {ACCENTS.map((accent: { name: string; hsl: string }, i) => {
+        return <AccentItem {...accent} active={accent.name === currentTheme} onClick={handleClick} key={i} />;
       })}
     </div>
   );