Tengo un escenario en el que paso datos de un reductor a mi estado de reacción.

datos:

{
    "id": 1,
    "title": "Test",
    "content": {
        "body": "sdfsdf"
        "image": "http://example.com"
    }
}

Usando componentWillRecieveProps, esto funciona perfectamente para recuperar el título.

componentWillReceiveProps(nextProps) {
    this.setState({
        title: nextProps.blog.title,
    })
}

Sin embargo, tengo dificultades para recuperar los campos anidados. Cuando hago esto:

componentWillReceiveProps(nextProps) {
    console.log("new title is", nextProps.blog.title);
    console.log("new body content is", nextProps.blog.content["body"]);
    this.setState({
        title: nextProps.blog.title,
        body: nextProps.blog.content["body"]
    })
}

Me sale este error:

El error de un cuerpo indefinido desaparece después de hacer clic en el depurador y se carga el contenido. ¿Hay alguna forma de combatir este problema?

Traté de buscar indefinidos como este:

if (typeof nextProps.blog.content["body"] != 'undefined'){

Pero esto tampoco funciona y creo que es porque el blog no está definido.