serializeHtml causes editor.children to become []

[12joan]

Description

When calling serializeHtml on editor.children, editor.children becomes []. The editor component doesn't rerender immediately, so this problem only becomes apparent when focusing the editor and attempting to type, which results in an error.

Most likely caused by @udecode/[email protected] (CC @dimaanj)

🧵 Discord thread

Steps to Reproduce

1. Go to the code sandbox
2. Verify that typing works normally
3. Click the button to call serializeHtml
4. Refocus the editor and try to type

Sandbox

https://codesandbox.io/p/devbox/eloquent-albattani-forked-kl3qlc?file=%2Fpackage.json

Environment

• slate: 0.101.1
• slate-react: 0.101.3
• browser: firefox
• @udecode/plate-serialize-html: >= 26.0.0

Bounty

Click here to add a bounty via Algora.

Funding

• You can sponsor this specific effort via a Polar.sh pledge below
• We receive the pledge once the issue is completed & verified

[12joan]

I think the problem is this line, where we pass the live editor to createElementWithSlate. Previously, createElementWithSlate created a fresh editor instance, so any side effects wouldn't mutate the live editor.