nestedValue.jsx

// JSON Object
{
  "crate": {
    "toolbar": {
      "title": "Farm Overview"
    }
  }
}

// Component
componentWillMount() {
  fetch('/crate', { method: 'get' })
    .then(r => r.json())
    .then(data => this.setState({ crate: data }))
    .catch(e => console.error(this.state, e.toString())
  )
}

render() {
  return (
    <div>
      {this.state.crate.toolbar.title}
    </div>
  )
}

// "TypeError: Cannot read property '_currentElement' of null"
//
// However, I can see the object in my browser console...