Eu tenho um cenário em que estou passando dados de um redutor para o meu estado de reação.

dados:

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

Usando componentWillRecieveProps, isso funciona perfeitamente para recuperar o título.

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

No entanto, estou tendo dificuldade em recuperar os campos aninhados. Quando eu faço isso:

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"]
    })
}

Eu recebo este erro:

O erro de um corpo indefinido desaparece depois que clico no depurador e o conteúdo é carregado. Existe alguma maneira de combater esse problema?

Tentei verificar indefinido assim:

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

Mas isso também não funciona e acredito que é porque o blog é indefinido.