title: You must pass a component to the function returned by connect. Instead received undefined
body: <p>The code below gives </p>
  
  <blockquote>
    <p>Uncaught Error: You must pass a component to the function returned by connect. Instead received undefined</p>
  </blockquote>
  
  <p><strong>List.js</strong></p>
  
  <pre><code>import React from 'react';
  import { connect, bindActionCreators } from 'react-redux';
  import PostList from '../components/PostList'; // Component I wish to wrap with actions and state
  import postList from '../Actions/PostList' //Action Creator defined by me
  
  const mapStateToProps = (state, ownProps) =&gt; {
      return state.postsList
  }
  
  const mapDispatchToProps = (dispatch) =&gt; {
      return bindActionCreators({"postsList":postList},dispatch)
  }
  
  export default connect(mapStateToProps, mapDispatchToProps)(PostList);
  </code></pre>
  
  <p><strong>PostList.js</strong></p>
  
  <pre><code>import React from 'react'
  
  export const PostList = (props) =&gt; {
      return &lt;div&gt;List&lt;/div&gt;
  }
  </code></pre>
  
  <p>Please help me with a solution?</p>