TypeError: Cannot read properties of undefined (reading 'nodeType')

[mieradi]

Describe the bug
I have a few instances of BlockNote on my page. One on initial render, and others that come from a side nav when clicked. When I render an image or custom block in the side nav instance and perform a drag, I get the error a type error.

TypeError: Cannot read properties of undefined (reading 'nodeType')

Screen.Recording.2024-11-14.at.7.51.01.AM.mov

To Reproduce
1 - Mount an instance of BockNote on a page
2 - Conditionally mount a second instance of BlockNote
3 - Create a custom block
4 - Render custom block in the conditionally instance of BlockNote
5 - Perform drag on custom block

Misc

• Node version: v19.0.1
• Package manager: webpack (nextjs 14.1.4)
• Browser: Chrome
• I'm a sponsor and would appreciate if you could look into this sooner than later 💖

[YousefED]

Thanks for reporting and sponsoring!

We'll aim look into this next week 👍

[mieradi]

Thanks for reporting and sponsoring!

We'll aim look into this next week 👍

Thank you kindly!

[mieradi]

I've noticed more on this issue - it seems that when there are multiple instances of the editor on the same page, dragging a block will actually move it into another instance of the editor which is causing the issue.

So it seems that the blocks aren't scoped to their parent editor instance.

[mieradi]

Here is another error while dragging when clicking the + button to add a new block above a custom block

[mieradi]

Has there been any progress on this? I think the issue has been spawning from having multiple instances of an editor on one page