From 881b1c68468531080adcc12b44e5155157fb1560 Mon Sep 17 00:00:00 2001
From: fantasticit <fantasticit@163.com>
Date: Sun, 1 May 2022 23:04:53 +0800
Subject: [PATCH] fix: add key

---
 packages/client/src/tiptap/menus/callout/bubble.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/tiptap/menus/callout/bubble.tsx b/packages/client/src/tiptap/menus/callout/bubble.tsx
index c81c8de..549427f 100644
--- a/packages/client/src/tiptap/menus/callout/bubble.tsx
+++ b/packages/client/src/tiptap/menus/callout/bubble.tsx
@@ -60,7 +60,12 @@ export const CalloutBubbleMenu: React.FC<{ editor: Editor }> = ({ editor }) => {
                 <Text type="secondary">字体颜色</Text>
                 <div>
                   {TEXT_COLORS.map((color) => (
-                    <div className={styles.color} style={{ color: color }} onClick={setColor('textColor', color)}>
+                    <div
+                      key={color}
+                      className={styles.color}
+                      style={{ color: color }}
+                      onClick={setColor('textColor', color)}
+                    >
                       A
                     </div>
                   ))}
@@ -72,6 +77,7 @@ export const CalloutBubbleMenu: React.FC<{ editor: Editor }> = ({ editor }) => {
                 <div>
                   {BORDER_COLORS.map((color) => (
                     <div
+                      key={color}
                       className={styles.color}
                       style={{ backgroundColor: color }}
                       onClick={setColor('borderColor', color)}
@@ -84,6 +90,7 @@ export const CalloutBubbleMenu: React.FC<{ editor: Editor }> = ({ editor }) => {
                 <div>
                   {BACKGROUND_COLORS.map((color) => (
                     <div
+                      key={color}
                       className={styles.color}
                       style={{ backgroundColor: color }}
                       onClick={setColor('backgroundColor', color)}