Getting node and its DOM element after deletion

removed-node-listener.ts

  useEffect(() => {
    const domMap: Map<NodeKey, HTMLElement | null> = new Map();

    return editor.registerMutationListener(
      MentionNode,
      (mutations, {prevEditorState}) => {
        for (const [nodeKey, mutation] of mutations) {
          if (mutation === 'created' || mutation === 'updated') {
            domMap.set(nodeKey, editor.getElementByKey(nodeKey));
          }

          if (mutation === 'destroyed') {
            const prevNode = prevEditorState.read(() => $getNodeByKey(nodeKey));
            const prevNodeElement = domMap.get(nodeKey);

            domMap.delete(nodeKey);

            console.log({
              prevNode,
              prevNodeElement,
            });
          }
        }
      },
    );
  }, [editor]);

removed-node-siblings.ts

  useEffect(() => {
    return editor.registerMutationListener(
      MentionNode,
      (mutations, {prevEditorState}) => {
        for (const [nodeKey, mutation] of mutations) {
          if (mutation === 'destroyed') {
            // Reading prev node and its siblings keys from previous editor state
            const {prevNode, nextSiblingKey, prevSiblingKey} =
              prevEditorState.read(() => {
                const node = $getNodeByKey(nodeKey);

                return {
                  nextSiblingKey: node?.getNextSibling()?.getKey(),
                  prevNode: node,
                  prevSiblingKey: node?.getPreviousSibling()?.getKey(),
                };
              });

            // Getting sibling nodes from current editor state based on its keys in the previous editor state
            const {nextSibling, prevSibling} = editor
              .getEditorState()
              .read(() => {
                return {
                  nextSibling: nextSiblingKey && $getNodeByKey(nextSiblingKey),
                  prevSibling: prevSiblingKey && $getNodeByKey(prevSiblingKey),
                };
              });

            console.log({
              nextSibling,
              prevNode,
              prevSibling,
            });
          }
        }
      },
    );
  }, [editor]);