title: Storybook with redux component
body: <p>I have a MERN stack with redux. I'm trying to build my UI components and I want to use storybook for easier workflow.</p>
  
  <p>Thing is that I simply can't get it to work.</p>
  
  <p>This is my component: <code>Navbar.js</code>:</p>
  
  <pre><code>import React, { Component } from "react";
  import { Link } from "react-router-dom";
  import { connect } from "react-redux";
  
  class Navbar extends Component {
    render() {
      const { user } = this.props.auth;
      return (
        &lt;div className="navbar-fixed"&gt;
          &lt;nav className="z-depth-0"&gt;
            &lt;div className="nav-wrapper white"&gt;
              &lt;Link
                to="/"
                style={{
                  fontFamily: "monospace"
                }}
                className="col s5 brand-logo center black-text"
              &gt;
                &lt;i className="material-icons"&gt;code&lt;/i&gt;
                {user.name}
              &lt;/Link&gt;
            &lt;/div&gt;
          &lt;/nav&gt;
        &lt;/div&gt;
      );
    }
  }
  const mapStateToProps = state =&gt; ({
    auth: state.auth
  });
  export default connect(
    mapStateToProps
  )(Navbar);
  </code></pre>
  
  <p>And this is my Story <code>Navbar.stories.js</code>:</p>
  
  <pre><code>import React from 'react';
  import Navbar from '../components/layout/Navbar';
  
  export default {
    title: 'Navbar',
    component: Navbar
  };
  
  export const SimpleStory = () =&gt; &lt;Navbar/&gt;;
  </code></pre>
  
  <p>this is the error that I'm getting:</p>
  
  <pre><code>Could not find "store" in either the context or props of "Connect(Navbar)". Either wrap the root component in a &lt;Provider&gt;, or explicitly pass "store" as a prop to "Connect(Navbar)".
  </code></pre>
  
  <p>How can I make my Navbar component isolated from redux?</p>