Feature: Allow passing prop of type `SerializedEditorState` as editorState in LexicalComposer initialConfig

[Amethystix]

Hi team! I'm working on a project using lexical, and found that although I'm storing my editor state as JSON in my database, since my ORM converts the editor state to an object when I query for it, the type I have that I pass into the default editor state is SerializedEditorState, and I have to stringify this object every single time, despite the fact that editor.parseEditorState being used on this default state can accept the SerializedEditorState type.

I would be happy to contribute this myself, as I see it looks to be a simple change to LexicalComposer.tsx (unless I'm off-base here, and there's some other complexities; am pretty new to this library)

While on the subject, just wanted to mention that passing in an invalid JSON string causes an unhandled Exception to be thrown, and I was wondering if there might be a more graceful way of handling an invalid editor state (perhaps just assuming no default editor state exists and starting anew?)

[DaniGuardiola]

Not to be a +1 GitHub commenter, but I totally second this. I forgot to actually file the issue (thanks @Amethystix!), but I did post it on Discord.

I have this ugly function that I use in my editor component to allow this, but I'd love official support for this, without the cost of json -> string -> json.

function stringifyIfJSON(
  editorState: AtlasContentEditorOptions["initialState"]
) {
  if (
    !editorState ||
    isEditorState(editorState) ||
    typeof editorState === "string" ||
    typeof editorState === "function"
  )
    return editorState;
  return JSON.stringify(editorState);
}

isEditorState is even worse lol.

function isEditorState(
  editorState: AtlasContentEditorOptions["initialState"]
): editorState is EditorState {
  return (editorState as any)?.constructor?.name === "EditorState";
}

[StyleT]

Code reference:

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

Lines 135 to 156 in 4c30b52

	} else if (initialEditorState !== null) {
	switch (typeof initialEditorState) {
	case 'string': {
	const parsedEditorState = editor.parseEditorState(initialEditorState);
	editor.setEditorState(parsedEditorState, HISTORY_MERGE_OPTIONS);
	break;
	}
	case 'object': {
	editor.setEditorState(initialEditorState, HISTORY_MERGE_OPTIONS);
	break;
	}
	case 'function': {
	editor.update(() => {
	const root = $getRoot();
	if (root.isEmpty()) {
	initialEditorState(editor);
	}
	}, HISTORY_MERGE_OPTIONS);
	break;
	}
	}
	}

[etrepum]

When I created a dupe of this one I sketched out some code, if anyone wants an easy PR to take it across the line #6039