Manipulate block after connecting with collaboration service

[zrg-team]

Describe the bug

I can not manipulate block structure after connecting with collaboration services

• replaceBlocks
• removeBlocks

To Reproduce

connect to collaboration provider

const editor = useBlockNote(
    {
      defaultStyles: false,
      slashMenuItems: specificationPageMenuItems,
      collaboration: {
        // The Yjs Provider responsible for transporting updates:
        provider,
        // Where to store BlockNote data in the Y.Doc:
        fragment: getXmlFragment(),
        // Information (name and color) for this user:
        user
      }
    }, []
  )

After replace with Db blocks

useEffect(() => {
   if (editor && !isReady && (currentBlockPageContentForSpecification?.length > 0 || blockPageForSpecification?.[blockPageId]?.children?.length === 0)) {
      console.log('look like it ready')
      setTimeout(() => {
        const deleteIds = editor.topLevelBlocks.map((block) => block.id)
        editor.removeBlocks(deleteIds)
        editor.replaceBlocks(
           editor.topLevelBlocks.,
           [...currentBlockPageContentForSpecification],
           true
        )
        console.log('manually update to socket')
        setIsReady(true)
      }, 2000)
    }
  }, [isReady, editor, currentBlockPageContentForSpecification, blockPageForSpecification?.[blockPageId]])

Misc

• Node version: 20
• Package manager: yarn
• Browser: Edge MacOS

[zrg-team]

I found that if only block ['initialBlockId'] then all maninuplate block will not wor

[YousefED]

Hi @zrg-team, could you try upgrading to 0.12? If the issue still occurs, I'll reopen the issue. it's easiest for us to fix it if you can provide a codesandbox / stackblitz as well