Cannot update a component (`to2`)

[mawnir]

Describe the bug
Warning: Cannot update a component (to2) while rendering a different component (Editor). To locate the bad setState() call inside Editor

To Reproduce
I don't know the name, but adding [initialContent] to useBlockNote hook trigger the error

const editor: BlockNoteEditor = useBlockNote({
        initialContent:
            initialContent
                ? JSON.parse(initialContent) //as PartialBlock[]
                : undefined,
        ...
    }, [initialContent]);

Misc

• Node version: v20.10.0
• Package manager: pnpm
• Browser: Firefox

[matthewlipski]

If I understand correctly, you put initialContent in the deps array to set the editor content whenever initialContent changes. However, you should instead use an effect hook to reset the editor content:

useEffect(() => {
  editor.replaceBlocks(editor.topLevelBlocks, initialContent)
}, [editor, initialContent]);

[mawnir]

@matthewlipski i couldn't make to work with typescript :
Argument of type 'string | undefined' is not assignable to parameter of type 'PartialBlock<BlockSchemaFromSpec...

[matthewlipski]

Ah ok the problem is more clear then - you should use an array of PartialBlock objects for initialContent instead of a string