ColorPresets: fix duplicate keys (ant-design#44370)

* ColorPresets: fix duplicate keys Signed-off-by: xr0master <[email protected]> * Update components/color-picker/components/ColorPresets.tsx add lint disable Signed-off-by: xr0master <[email protected]> --------- Signed-off-by: xr0master <[email protected]>
ammar-knowledge · Aug 24, 2023 · eaa8635 · eaa8635
1 parent e91f927
commit eaa8635
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/components/color-picker/components/ColorPresets.tsx b/components/color-picker/components/ColorPresets.tsx
@@ -59,9 +59,10 @@ const ColorPresets: FC<ColorPresetsProps> = ({ prefixCls, presets, value: color,
     children: (
       <div className={`${colorPresetsPrefixCls}-items`}>
         {Array.isArray(preset?.colors) && preset.colors?.length > 0 ? (
-          preset.colors.map((presetColor: Color) => (
+          preset.colors.map((presetColor: Color, index: number) => (
             <ColorBlock
-              key={`preset-${presetColor.toHexString()}`}
+              // eslint-disable-next-line react/no-array-index-key
+              key={`preset-${index}-${presetColor.toHexString()}`}
               color={generateColor(presetColor).toRgbString()}
               prefixCls={prefixCls}
               className={classNames(`${colorPresetsPrefixCls}-color`, {