draftjs-load-with-content.js

const EditorComponent = ({details, setDetails}) => {
    const [editorState, setEditorState] = React.useState(
      EditorState.createEmpty()
    );

    React.useEffect(() => {
        setEditorState(
          details.editorContent
            ? EditorState.createWithContent(
                convertFromRaw(details.editorContent)
              )
            : EditorState.createEmpty()
        ); // This is doing the magic
    }, []);

    const onEditorStateChange = (editorValue) => {
      const editorStateInHtml = draftToHtml(
        convertToRaw(editorValue.getCurrentContent())
      ); // This is your HTML
      setEditorState(editorValue); // Set your local state
      setDetails((details) => ({
        ...details,
        editorContent: convertToRaw(editorValue.getCurrentContent()),
      })); // Use this to set your state in DB or any other storage
    };

    return (
      <>
        <Editor
          toolbarHidden={false}
          editorState={editorState}
          onEditorStateChange={onEditorStateChange}
        />
      </>
    );
}