title: Can't access React props modified by Redux MapStateToProps
body: <p>Got undefined when trying to access this.props.state value</p>
  
  <pre><code>import React, { Component, PropTypes } from 'react';
  import { connect } from 'react-redux';
  import * as actions from '../actions';
  
  const mapStateToProps = ({ movies }) =&gt; ({
    state: movies,
  });
  
  class App extends Component {
  
    componentDidMount() {
      this.props.addMovie({ title: 'Movie' }); //redux action
    }
  
    render() {
      const { state } = this.props;
      console.log(state.test);       //Object {title: "Movie"}
      console.log(state.test.title); //Uncaught TypeError: Cannot read property 'title' of undefined
      return (
        &lt;div&gt;Hello {state.test.title}!&lt;/div&gt; //doesn't work
      );
    }
  }
  
  export default connect(mapStateToProps, actions)(App);
  </code></pre>
  
  <p>After redux complete the action i've got state object in component props</p>
  
  <p><a href="https://i.stack.imgur.com/QDISV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QDISV.png" alt="Redux DevTools"></a></p>
  
  <p>I can access it from Chrome DevTools <code>$r.props.state.test.title</code> but can't access it from render function</p>
  
  <p>For example I can get value from <code>this.props.params.movieID</code> but can't get any params modified by <code>mapStateToProps</code></p>
  
  <p>How can I put <code>this.props.state.test.title</code> value in my div?</p>