Горячий перегрузчик с редуксом create-реакции-приложения не будет работать

Question

У меня есть веб-приложение реагировать на избыточность, я начинаю с создания-реакции-приложения, а затем медленно адаптирую избыточное.горячая перезагрузка не перезагружает всю страницу и не очищает мое состояние, поэтому я смотрю на реализацию HMR, я нашел здесь ссылку https://medium.com/@brianhan/hot-reloading-cra-without-eject-b54af352c642,, но мне не повезло с моими кодами ниже.Нет ошибок, но когда я изменяю состояния редуктора, вся страница перезагружается.

мой код index.js

import configureStore from './store'

const store = configureStore()
const render = App => {
  return ReactDOM.render(
    <Provider store={store}>
      <BrowserRouter>
        <App />
      </BrowserRouter>
    </Provider>,
    document.getElementById('root')
  )
}

render(App)

if (module.hot) {
  module.hot.accept('./App', () => {
    const NextApp = require('./App').default
    render(NextApp)
  })
}

код моего магазина

import rootReducers from './reducers'

const configureStore = () => {
  const store = createStore(
    rootReducers,
    composeWithDevTools(
      applyMiddleware(
        thunkMiddleware
      )
    )
  )

  if (
    process.env.NODE_ENV !== 'production' ||
    process.env.NODE_ENV !== 'staging'
  ) {
    if (module.hot) {
      module.hot.accept('./reducers', () => {
        store.replaceReducer(rootReducers)
      })
    }
  }

  return store
}

export default configureStore