Error Accessing nodeSize on Undefined in Cursor Collaboration Extension

[mendesanna]

I'm encountering an error in my collaborative editing application using Tiptap with the Y.js real-time collaboration. The error message is TypeError: Cannot read properties of undefined (reading 'nodeSize'), and it occurs when I have around 5 active users and I focus the text area and refresh the page. After the refresh the text area breaks and I get this error
Uncaught TypeError: Cannot read properties of undefined (reading 'nodeSize') at relativePositionToAbsolutePosition (chunk-Y6AJG3WA.js?v=807bfd99:263:37) at chunk-Y6AJG3WA.js?v=807bfd99:1171:20 at Map.forEach (<anonymous>) at createDecorations (chunk-Y6AJG3WA.js?v=807bfd99:1157:25) at Plugin.init (chunk-Y6AJG3WA.js?v=807bfd99:1215:14) at _EditorState.reconfigure (chunk-2ZLAYVCB.js?v=807bfd99:2580:75) at Editor2.createView (chunk-V54IQVDY.js?v=807bfd99:9365:33) at new Editor (chunk-V54IQVDY.js?v=807bfd99:9202:10) at new Editor2 (@tiptap_react.js?v=a3e2b2dd:3312:5) at @tiptap_react.js?v=a3e2b2dd:3375:20
If I dont have the text area focused doesn't happen or if I remove the CollaborationCursor extension this error doesn't happen.
Does anyone have any idea what could it be?

[nperez0111]

Hm, so this is definitely coming from the collaboration cursor since it is talking about rendering decorations.

It seems to me to be an issue with how the collaboration is initialized. Could you show some code on how you initialized the collaboration plugin, collaboration cursor and the collab provider?

[nperez0111]

Ah this is because you are trying to use a different provider (y-websocket) instead of the hocuspocusprovider or tiptapcollabprovider which are the only ones we support.
Providers aren't interchangeable so you can't just use another provider in there.

tiptap/packages/extension-collaboration-cursor/src/collaboration-cursor.ts

Lines 10 to 15 in b941eea

	/**
	* The Hocuspocus provider instance. This can also be a TiptapCloudProvider instance.
	* @type {HocuspocusProvider | TiptapCloudProvider}
	* @example new HocuspocusProvider()
	*/
	provider: any,

Please our docs for using hocuspocus and tiptap: https://tiptap.dev/docs/collaboration/getting-started/install#add-collaboration

[mendesanna]

ah ok but I changed it to TiptapCollabProvider and still same issue

[nperez0111]

I think I traced down the issue, the second param of useEditor seemed to be the problem: https://codesandbox.io/p/sandbox/tiptap1-forked-slx2zx?file=%2Fsrc%2FTiptapEditor.tsx%3A8%2C40

I think that the editor made 2 instances of the editor and would flicker between them because the hidden editor instance was never cleaned up.

[nperez0111]

I just made a new release https://github.com/ueberdosis/tiptap/releases/tag/v2.5.7

I updated the package.json in your example and it worked for me.

Sorry to send you down a bunch of rabbit holes. This was totally not obvious

[euvl]

Hey there, I've just tried 2.5.7 and still getting same issue.

Hope any of this blabber be useful:

It's failing at here:

Where mapping seems to be empty and mapping.get(contentType) seems to not return an object that has nodeSize.

---

My use-case is exactly same as described by the author of this issue, except 2 people is enough to make it break:

User 1 does something like this:

User 2 just opens a page.

[nperez0111]

With the same code? I just checked that?

[euvl]

Oh sorry, i thought you meant that v2.5.7 fixes the issue.
I was using v2.5.6 so I've updated everything to v2.5.7 and tried - issue persisted.

[nperez0111]

I did mean 2.5.7, it fixed the issue this the codesandbox above.

The issue was in @tiptap/react so you need to upgrade that too @euvl