title: Cannot read property of object
body: <p>I have an Article component and a state with all my articles. I map state to props with the right article I want to display. </p>
  
  <p><code>console.log(props.article)</code> works but <code>console.log(props.article.title)</code> or any other attribute does not (I get <code>Cannot read property 'id' of undefined</code>). why ? </p>
  
  <p>My <code>Article.js</code> component:</p>
  
  <p>import React from 'react';</p>
  
  <pre><code>import { connect } from 'react-redux';
  
  
  const Article = props =&gt; (
  &lt;div className="aboutpage-wrapper"&gt;
    &lt;div className="container"&gt;
  {  console.log(props.article)}
  {/*    &lt;h2&gt;{props.article.title}&lt;/h2&gt;
      &lt;h3&gt;{props.articlesubtitle}&lt;/h3&gt;
      &lt;p&gt;{props.article.body}&lt;/p&gt;*/}
    &lt;/div&gt;
  &lt;/div&gt;
  );
  
  const mapStateToProps = (state,props) =&gt; ({ article: state.articles.find(function (article) { return article.id === props.match.params.id; })});
  
  export default connect(mapStateToProps)(Article);
  </code></pre>