Does not work with JSON data

[sipec]

If content is stored via editor.getJSON(), the data from the editor extension isn't compatible with the display extension. I suspect there is no good solution to this because the former is a mark while the latter is a node.

[MWGuy]

I fixed this issue using @troop.com/tiptap-react-render package to transform tiptap json tree info react node tree and implement custom nodes and marks.

This technique allow building complicated rich text nodes and marks with full controll over tiptap tree. Replacing default renderer also gives opotunity to render complicated nodes with state on server with is usefull while using SSR frameworks like next.js or remix.