text: // This file merely configures the store for hot reloading.
  // This boilerplate file is likely to be the same for each project that uses Redux.
  // With Redux, the actual stores are in /reducers.
  
  import { createStore, compose, applyMiddleware } from 'redux';
  import thunkMiddleware from 'redux-thunk';
  import rootReducer from '../reducers';
  
  export default function configureStore(initialState) {
    const middewares = [
      // Add other middleware on this line...
  
      // thunk middleware can also accept an extra argument to be passed to each thunk action
      // https://github.com/gaearon/redux-thunk#injecting-a-custom-argument
      thunkMiddleware,
    ];
  
    const store = createStore(rootReducer, initialState, compose(
      applyMiddleware(...middewares),
      window.devToolsExtension ? window.devToolsExtension() : f => f // add support for Redux dev tools
    ));
  
    if (module.hot) {
      // Enable Webpack hot module replacement for reducers
      module.hot.accept('../reducers', () => {
        const nextReducer = require('../reducers').default; // eslint-disable-line global-require
        store.replaceReducer(nextReducer);
      });
    }
  
    return store;
  }
  