Cannot access view['dom']. (also occurs in official example)

[1rrock]

Describe the bug
When using FormattingToolbar as a child inside (while also setting formattingToolbar={false}), the editor throws an error on unmount.
It seems CreateLinkButton.ts:76 tries to access editor.prosemirrorView.dom, but the editor view is already unavailable.

Actual error:

error-boundary-callbacks.ts:106 Uncaught Error: [tiptap error]: The editor view is not available. Cannot access view['dom']. The editor may not be mounted yet.
at Object.get (Editor.ts:335:17)

To Reproduce
Use the component like this:

<BlockNoteView
  editor={editor}
  theme="light"
  slashMenu={false}
  formattingToolbar={false}
>
  <FormattingToolbar />
</BlockNoteView>

On unmount, it triggers the error due to editor.prosemirrorView.dom being undefined.

Expected behavior
Unmounting should not attempt to access editor.prosemirrorView.dom when the editor is already gone.

Misc

Node version: 24.4.1

Package manager: npm 11.4.2

BlockNote version: 0.41.1

Framework: Next.js

Browser: (your browser here)

I'm a sponsor and would appreciate a quicker review 💖

[1rrock]

useEffect(() => {
    const callback = (event: KeyboardEvent) => {
      if ((event.ctrlKey || event.metaKey) && event.key === "k") {
        setOpened(true);
        event.preventDefault();
      }
    };

    if (editor.headless) {
      return;
    }

    editor.prosemirrorView.dom.addEventListener("keydown", callback);

    return () => {
      editor.prosemirrorView.dom.removeEventListener("keydown", callback);
    };
  }, [editor.prosemirrorView, editor.headless]);

[nperez0111]

@1rrock can you try this on the latest update?

If not, it may need to have this editor.headless check somewhere in the formatting toolbar (or likely deeper in the blocknote core)

[1rrock]

@nperez0111
The same issue persists even after the update, and the same symptom also appears in the official documentation example. I tested again with version 0.42.3, but the behavior is still the same.
Also, I checked the code changes, and while the updated part seems to be in the editor, the place where I found the issue is FormattingToolbar/DefaultButtons/CreateLinkButton.tsx.
Please check the link below — the same error occurs when entering content in the editor and then navigating to another page from the left sidebar.
https://www.blocknotejs.org/examples/ui-components/static-formatting-toolbar

[flipvh]

We also have this issue I think. @1rrock you have a temp fix to deal with this by any chance :D ?

[1rrock]

We also have this issue I think. @1rrock you have a temp fix to deal with this by any chance :D ?

@flipvh

I applied a temporary fix, even though it’s not a perfect solution. Please check the PR code below. Thank you.
#2190