initialEditorState not working on LexicalComposer

[barbalex]

Lexical version: 0.3.5, react.

With recent updates from 0.3.3 to 0.3.5 I now get this warning in the console:

initialEditorState on RichTextPlugin is deprecated and will be removed soon. Use LexicalComposer initialEditorState instead

So I went to github and the documentation website, searching for information on initialEditorState.
But found nothing.

So I thought: Well, let's just try doing what the warning says.

I moved

initialEditorState={value ? JSON.stringify(value) : undefined}

from RichTextPlugin to LexicalComposer.

Now the warning disappears, as expected. But initial state is not set. Which is unexpected.

The value I am passing in was created with state.current?.toJSON() from state updated with the newState returned by the onChange of the OnChangePlugin. This works fine in the RichTextPlugin.

Please help me find the documentation, so I can try to solve this. Or could it be a bug?

The only thing I found was the pull-request. From what I can tell in the code, simply moving the initialEditorState declaration should work.

[thegreatercurve]

CC @zurfyx

[n2o]

I am experiencing the same bug, which is why I keep the initialEditorState at the RichTextEditor, and now we have to live with the deprecation warning. I am quite confident, that this is a bug. We are experiencing this in a ClojureScript project:

;; Works, but keeps deprecation warning
[:> LexicalComposer {:initialConfig initial-config}
 [:> RichTextPlugin {:initialEditorState (initialize-editor-state)}]]

;; Warning disappears, but there is no initial state
[:> LexicalComposer {:initialConfig initial-config
                     :initialEditorState (initialize-editor-state)}
 [:> RichTextPlugin]]

[Decamark]

Maybe they've moved that option into initialConfig?

lexical/packages/lexical-react/src/LexicalComposer.tsx

Lines 51 to 59 in 60e06fd

	() => {
	const {
	theme,
	namespace,
	editor__DEPRECATED: initialEditor,
	nodes,
	onError,
	editorState: initialEditorState,
	} = initialConfig;

This worked for me.

const initialConfig = {
  theme,
  editorState,
};

<LexicalComposer initialConfig={initialConfig}>
...
</LexicalComposer>

[barbalex]

@Decamark Thanks a lot, you found the solution! It also works for me.

So it would be nice if:

• the docs would explain how to initiate editor state. After all it is a very common problem
• the warning message would be clarified:

from:

initialEditorState on RichTextPlugin is deprecated and will be removed soon. Use LexicalComposer initialEditorState instead

to something like:

initialEditorState on RichTextPlugin is deprecated and will be removed soon. Add editorState to LexicalComposer's initialConfig instead