Liveblocks Splitting Editor Bug

Installing

1. Download the repo locally git clone [email protected]:francistogram/liveblocks-bug.git
2. Create a .env and set NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_API_KEY with an API key from Liveblocks
3. Install dependencies yarn
4. Run the app yarn dev

Reproducing the Bug

Video Walkthrough

Export-1726608232170.2.mp4

Working State / Expected Outcome

In the current state of the app if you go into the editor and type some words and then add 5 new lines between the words it'll split the editor at that point into two editors

Broken State (Liveblocks is used)

First uncomment these lines of code in Editor.tsx You'll see the ability to add comments which means Liveblocks has been imported into the editor If you try spitting the editor again you'll get an error