title: React error: "could not find the 'store' in the context of ..."
body: <p>I recieve this error message when I run my react app:</p>
  
  <blockquote>
    <p>Could not find "store" in the context of "Connect(Booklist)". Either
    wrap the root component in a , or pass a custom React
    context provider to  and the corresponding React context
    consumer to Connect(Booklist) in connect options.</p>
  </blockquote>
  
  <p>I'm using Create React App and trying to create an app that lists some details.</p>
  
  <p>See code below:</p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import './App.css';
  import Booklist from './container/book-list';
  
  class App extends Component {
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;Booklist /&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p><strong>book-list.js</strong></p>
  
  <pre><code>import React, {Component} from 'react';
  import { connect } from 'react-redux';
  
  class Booklist extends Component{  
      renderList(){
          return this.props.books.map((book) =&gt;{
              return(
                  &lt;li key={book.title}&gt;{book.title}&lt;/li&gt;
              );
          }
          );
      }
      render(){
          return this.props.books.map((book) =&gt;{
              return(
                  &lt;ul&gt;{this.renderList()}&lt;/ul&gt;
              );
          }
          );
      }
  }
  function mapStateToProps(state){
      return {
          books: state.books
      }
  }
  export default connect (mapStateToProps)(Booklist);
  </code></pre>
  
  <p><strong>books_reducer.js</strong></p>
  
  <pre><code>export default function(){
      return[
          {title: booke1},
          {title: booke2},
          {title: booke3},
          {title: booke3}
      ]
  }
  </code></pre>
  
  <p><strong>index.js in reducer</strong> </p>
  
  <pre><code>import {combineReducers} from redux;
  import booksReducer from './books_reducer'
  const rootReducer = combineReducers({
      books: booksReducer
  }); 
  
  export default booksReducer;
  </code></pre>