Fix #2084 (#2089)

microsoft · Sep 21, 2023 · f8e3096 · f8e3096
1 parent bee1d42
commit f8e3096
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages-ui/roosterjs-react/lib/emoji/components/EmojiPane.tsx b/packages-ui/roosterjs-react/lib/emoji/components/EmojiPane.tsx
@@ -225,7 +225,10 @@ const EmojiPane = React.forwardRef(function EmojiPaneFunc(
         [mode, currentFamily, currentEmojiList]
     );
 
-    const getEmojiIconId = React.useCallback((emoji: Emoji) => `${listId}-${emoji.key}`, [listId]);
+    const getEmojiIconId = React.useCallback(
+        (emoji: Emoji) => (emoji ? `${listId}-${emoji.key}` : ''),
+        [listId]
+    );
 
     React.useImperativeHandle(
         ref,