+
+ {options.map((option: EmojiOption, index) => (
+
+ {
+ setHighlightedIndex(index);
+ selectOptionAndCleanUp(option);
+ }}
+ onMouseEnter={() => {
+ setHighlightedIndex(index);
+ }}
+ option={option}
+ />
+
+ ))}
+
+
,
+ anchorElementRef.current
+ )
+ : null;
+ }}
+ />
+ );
+}
diff --git a/src/plugins/EmojisPlugin.ts b/src/plugins/EmojisPlugin.ts
index a2ada3d..d4b971b 100644
--- a/src/plugins/EmojisPlugin.ts
+++ b/src/plugins/EmojisPlugin.ts
@@ -6,13 +6,13 @@
*
*/
-import type { LexicalEditor } from 'lexical';
+import type {LexicalEditor} from 'lexical';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { TextNode } from 'lexical';
-import { useEffect } from 'react';
+import {useLexicalComposerContext} from '@lexical/react/LexicalComposerContext';
+import {TextNode} from 'lexical';
+import {useEffect} from 'react';
-import { $createEmojiNode, EmojiNode } from '../nodes/EmojiNode';
+import {$createEmojiNode, EmojiNode} from '../nodes/EmojiNode';
const emojis: Map