Struggling overiding DecoratorNode : fails to render

[goldenlink]

Hello,

I'm trying to integrate in React the Emoji using a DecoratorNode :

import { DecoratorNode } from "lexical";
import { Emoji } from 'emoji-picker-react';

export class EmojiNode extends DecoratorNode {
  __unified;
  __size;

  static getType() {
    return 'emoji';
  }

  static clone(node) {
    return new EmojiNode(node.__unified, node.__size, node.__key);
  }

  constructor(emoji, size="25", key) {
    super(key);
    this.__unified = emoji;
    this.__size = size;
  }

  createDOM() {
    return document.createElement('span');
  }

  updateDOM() {
    return false;
  }

  static importJSON(serializedNode) {
    console.log("Show emoji node", serializedNode);
    const node = $createEmojiNode(
      serializedNode.unified,
      serializedNode.size,
    );
    return node;
  }

  exportJSON() {
    return {
      ...super.exportJSON(),
      unified: this.__unified,
      size: this.__size,
      type: 'emoji',
    };
  }

  decorate() {
    return <Emoji unified={this.__unified} size={25} />;
  }
}

export function $createEmojiNode(emoji, size=25) {
  return new EmojiNode(emoji, size);
}

export function $isEmojiNode(node) {
  return node instanceof EmojiNode;
}

I did include the EmojiNode in the LexicalComposer initial configuration.

I added in the plugin the command

const INSERT_EMOJI_COMMAND = createCommand("INSERT_EMOJI_COMMAND");

export default function EmoticonPlugin() {
  const [editor] = useLexicalComposerContext();
  useEmoticons(editor);

  useEffect(() => {
    return editor.registerCommand(
      INSERT_EMOJI_COMMAND,
      (payload) => {
          editor.update(() => {
            const paragraphNode = $createParagraphNode();
            const emoji = $createEmojiNode(payload.unified, 25);
            paragraphNode.append(emoji);

            $insertNodeToNearestRoot(paragraphNode);
          });

        return true;
      },
      COMMAND_PRIORITY_EDITOR,
    );
  }, [editor]);


  return null;
}


const emojiClick = useCallback((data, event) => {
    event.preventDefault();
    editor.dispatchCommand(INSERT_EMOJI_COMMAND, {unified: data.unified, size: "25"});
    setShowEmojiDropDown && setShowEmojiDropDown(false);
  }, [setShowEmojiDropDown, editor]);

Unfortunately, when I use it, it fails in $insertNodeToNearestRoot(paragraphNode) and I get such error :
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

Any clue ? I may have missed something, but I can't figure it out.

Thank you wise coders.

[goldenlink]

I was incorrectly setting the errorBoundary ! Beware of that.