title: Redux store not being passed to props on component
body: <p>Learning Redux and React, and I'm having an issue where I have the store created, and passed over to my <code>&lt;Provider&gt;</code> through react-redux, but I get an empty object when logging in the console.</p>
  
  <pre><code>import {  createStore,  applyMiddleware } from 'redux';
  import  logger from 'redux-logger';
  import  thunk from 'redux-thunk';
  
  import uuid from 'uuid';
  
  
  var defaultState = {
    tasks: [{
      key: uuid.v4(),
      name: 'learn Redux',
      description: 'Learn how to create a completely statefully managed application.',
      priority: 1,
      notes: [{
        key: uuid.v4(),
        content: 'Creation of the store is paramount. One must import {createStore, applyMiddleware from redux package}, then define the root reducer, and create the store with applymiddleware, and then export the store.'
      }],
    }, ]
  };
  
  var root = (state = defaultState, action) =&gt; {
    return state;
  };
  
  var store = createStore(root, applyMiddleware(thunk,logger));
  
  export default store;
  </code></pre>
  
  <p>I think the issue may lie with how I'm passing it to the <code>&lt;Provider&gt;</code> component, but that also could be wrong. Just for good measure, here is my App component.</p>
  
  <pre><code>import React, { Component } from 'react';
  import './App.css';
  import store from './store/createStore';
  import { Provider } from 'react-redux';
  
  
  class App extends Component {
    render() {
      console.log(this.props);
      // let tasks = this.props.tasks.map(x =&gt; {
      //   return &lt;p&gt;{x.name}&lt;/p&gt;
      // })
      return (
        &lt;Provider store={store}&gt;
          &lt;h1&gt;Nothing to see here.&lt;/h1&gt;
        &lt;/Provider&gt;
      );
    }
  }
  
  export default App;
  </code></pre>