title: store.dispatch is not a function
body: <p>I'm using a router component for routing my app. I have a file like this:</p>
  
  <pre><code>import CustomerDetailsContainer from '../views/CustomerDetails/customerDetailsContainer';
  import CustomerInfoContainer from '../views/CustomerInfo/customerInfoContainer';
  import { setUIState } from '../../actions/index';
  
  const inCustomerInfo = (store) =&gt; {
    store.dispatch(setUIState(CURRENT_SCREEN, 'customerInfo'));
  };
  const inCustomerDetails = (store) =&gt; {
    store.dispatch(setUIState(CURRENT_SCREEN, 'customerDetails'));
  };
  
  export default (store) =&gt; {
    return [
      authenticatedRouteConfig(
        store,
        `/${CUSTOMER_INFO}`,
        CustomerInfoContainer,
        inCustomerInfo
      ),
  
      authenticatedRouteConfig(
        store,
        `/${CUSTOMER_DETAILS}/:cid`,
        CustomerDetailsContainer,
        inCustomerDetails
      ),
    ];
  };
  </code></pre>
  
  <p>And error is showing that <code>store.dispatch</code> is not a function. What am i missing? Why this message is appearing? Isn't store a global variable?</p>