Code blocks are intermittently broken on Plate's docs site about plate HOT 4 OPEN

It looks like code blocks are intermittently broken on Plate's docs site, both on the full playground and on the basic marks page. If you refresh multiple times, sometimes it will render correctly; other times it will be broken.

Broken:

Expected:

from plate.

@12joan Do you have any idea about this bug? I watch the CodeBlockElement component render, it seems like run correctly, but the dom exactly is wrong. I'm trying to find out what cause the problem, but I have no idea until now :(

from plate.

@AXiLiYa Sorry, I'm not sure what's causing this. I'm not seeing it when running the dev server locally, so it might be specific to Next.js's production environment.

from plate.

@12joan That's really strange. I have cloned the souce code and run dev (I have checked out main branch). In the page, the problem appeared almost erverytime when I refresh browser.

I also use plate in a client render project after package it(I'm using v22 version). The problem also exists when I pass the initialValue. But when I change the way of setting value may like this (if I dont't make mistake)

function MyEditor() {
  const editor = useRef()

  function updateValue(value) {
    editor.current.children = value
    editor.current.onChange()
  }
  
  useEffect(() => {
    setTimeout(() => updateValue(someValueWithCode), 100)
  }, [])

  // without using intialValue
  return <Plate ref={editor} />
}

It can work properly.

from plate.