Can't access to the editor instance to change content programmatically

[InharAldalur]

Can't access to the editor instance to change content programmatically

[hellskater]

Recently faced the same issue. I got it working in a very hacky way, until novel supports it natively.

So basically, in the component where I'm rendering EditorContent, there is an early return like this

if (!initialContent) null

The issue is initialContent doesn't respond to changes for obvious reasons. And what works in this case is, setting the initialContent to null before changing. In my case, something like this

flushSync(() => {
   setSelectedNote(null);
 });

setSelectedNote(noteId);

Since initialContent prop is derived from the selectedNote state, that also becomes null and the editor content changes on the next render.

[InharAldalur]

Recently faced the same issue. I got it working in a very hacky way, until novel supports it natively.

So basically, in the component where I'm rendering EditorContent, there is an early return like this

if (!initialContent) null

The issue is initialContent doesn't respond to changes for obvious reasons. And what works in this case is, setting the initialContent to null before changing. In my case, something like this

flushSync(() => {
   setSelectedNote(null);
 });

setSelectedNote(noteId);

Since initialContent prop is derived from the selectedNote state, that also becomes null and the editor content changes on the next render.

This approach worked!

Instead of flushSync I used a short setTimeout to update the states in the same useEffect without React warnings.

Thank you so much! You saved me!