title: Redux + storybook throws warning about changing store on the fly even with module.hot implemtended
body: <p>I'm using storybook and I want to add redux as decorator.
  Whe running storybook, I got warning in console:</p>
  
  <pre><code>&lt;Provider&gt; does not support changing `store` on the fly. It is most likely that you see this error because you updated to Redux 2.x and React Redux 2.x which no longer hot reload reducers automatically. See https://github.com/reactjs/react-redux/releases/tag/v2.0.0 for the migration instructions.
  </code></pre>
  
  <p>It's my code for config storybook:</p>
  
  <pre><code>/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
  
  import React from 'react';
  import { configure, storiesOf } from '@storybook/react';
  import { Provider as ReduxProvider } from 'react-redux';
  import forEach from 'lodash/forEach';
  import unset from 'lodash/unset';
  import Provider from 'components/Provider';
  import initStore from 'utils/initStore';
  import messages from '../lang/en.json';
  
  const req = require.context('../components', true, /_stories\.js$/);
  
  const ProviderDecorator = (storyFn) =&gt; {
    const TheProvider = Provider(() =&gt; storyFn());
  
    return (
      &lt;ReduxProvider store={initStore()}&gt;
        &lt;TheProvider key={Math.random()} now={1499149917064} locale="en" messages={messages} /&gt;
      &lt;/ReduxProvider&gt;
    );
  }
  
  function loadStories() {
    req.keys().forEach((filename) =&gt; {
      const data = req(filename);
  
      if (data.Component !== undefined &amp;&amp; data.name !== undefined &amp;&amp; data.stories !== undefined) {
        const Component = data.Component;
  
        const stories = storiesOf(data.name, module);
  
        stories.addDecorator(ProviderDecorator);
  
        let decorator = data.stories.__decorator;
  
        if (data.stories.__decorator !== undefined) {
          stories.addDecorator((storyFn) =&gt; data.stories.__decorator(storyFn()));
        }
  
        forEach(data.stories, (el, key) =&gt; {
          if (key.indexOf('__') !== 0) {
            stories.add(key, () =&gt; (
              &lt;Component {...el} /&gt;
            ));
          }
        });
      } else {
        console.error(`Missing test data for ${filename}!`)
      }
  
    });
  }
  
  configure(loadStories, module);
  </code></pre>
  
  <p>and initStore file:</p>
  
  <pre><code>import { createStore, applyMiddleware } from 'redux';
  import { composeWithDevTools } from 'redux-devtools-extension';
  import thunkMiddleware from 'redux-thunk';
  import { persistStore, autoRehydrate } from 'redux-persist';
  
  import reducers from 'containers/redux/reducers';
  
  export default () =&gt; {
    const store = createStore(
      reducers,
      {},
      composeWithDevTools(applyMiddleware(thunkMiddleware), autoRehydrate()),
    );
  
    if (module.hot) {
      // Enable Webpack hot module replacement for reducers
      module.hot.accept('../containers/redux/reducers', () =&gt; {
        const nextReducers = require('../containers/redux/reducers'); // eslint-disable-line global-require
        store.replaceReducer(nextReducers);
      });
    }
  
    persistStore(store);
  
    return store;
  };
  </code></pre>
  
  <p>So as you can see I followed instructions from link in warning. What have I done wrong and how can I remove this warning? I know it won't show on production server, but it's pretty annoying in dev mode. :/</p>