Estoy usando Draft.js para implementar un editor de texto. Quiero guardar el contenido del editor en una base de datos y luego recuperarlo e inyectarlo nuevamente en un editor, p. al volver a visitar la página del editor.

Primero, estas son las importaciones relevantes

import { ContentState, EditorState, convertToRaw, convertFromRaw } from 'draft-js';

Cómo guardo los datos en la base de datos (ubicada en un componente principal)

saveBlogPostToStore(blogPost) {
    const JSBlogPost = { ...blogPost, content: convertToRaw(blogPost.content.getCurrentContent())};
    this.props.dispatch(blogActions.saveBlogPostToStore(JSBlogPost));
}

Ahora, cuando verifico la base de datos, obtengo el siguiente objeto:

[{"_id":null,"url":"2016-8-17-sample-title","title":"Sample Title","date":"2016-09-17T14:57:54.649Z","content":{"blocks":[{"key":"4ads4","text":"Sample Text Block","type":"unstyled","depth":0,"inlineStyleRanges":[],"entityRanges":[]}]},"author":"Lukas Gisder-Dubé","__v":0,"tags":[]}]

Hasta ahora todo bien, supongo, probé algunas otras cosas y el objeto en la base de datos definitivamente se convirtió. Por ejemplo, cuando guardo el contenido sin llamar al método convertToRaw (), hay muchos más campos.

Establecer los datos como nuevo EditorState

Para recuperar los datos de la base de datos y configurarlos como EditorState, también probé mucho. La siguiente es mi mejor suposición:

constructor(props) {
    super(props);
    const DBEditorState = this.props.blogPost.content;
    console.log(DBEditorState); // logs the same Object as above
    this.state = { ...this.props.blogPost, content: EditorState.createWithContent(
        convertFromRaw(DBEditorState)
    )};
}

Al renderizar el componente me sale el siguiente error:

convertFromRawToDraftState.js:38 Uncaught TypeError: Cannot convert undefined or null to object

¡Cualquier ayuda es muy apreciada!