react tiptap question

[amassivek]

Does the react tiptap plugin stop the addition of extra elements for redering react?
It is causing issues with layout, such as flex.

I am still gettting wrappers like the ones below.

Either a div or span wraps react components:
<span class="react-renderer node-...">

A div wraps NodeViewContent:
<div data-node-view-content-inner="...">

[smoores-dev]

Hey @amassivek!

I assume you're using the tiptapNodeView wrapper? That is designed to allow you to incrementally migrate your React Node Views over from the Tiptap API to the React ProseMirror API, so it intentionally produces Node Views that are exactly the same shape as those produced by Tiptap. But you don't need to use tiptapNodeView with the React ProseMirror/Tiptap integration! You can migrate to plain React ProseMirror node view components, which are not rendered with any wrapper elements.

[amassivek]

Hello @smoores-dev , Thank you for your help. I understand.

Currently, something about the ref is causing react to go into infinite recursion:
ref={useMergedDOMRefs(ref, contentDOMRef)}

I am debugging it. I will post back if I need more help, or if I fix it (to mark the answer or close this discussion).

[smoores-dev]

If you get stuck and are able to share more of your node view code, we can try to help debug!