Redux-persist: How to use PersistGate with react-router-dom?

[someden]

PersistGate is a PureComponent, so children doesn't rerender, when location changed with react-router-dom

Example: https://stackblitz.com/edit/redux-persist

[someden]

I have found some solution:

const PersistGateWithRouter = withRouter(PersistGate);

But maybe PersistGate doesn't need to be a pure?

[knpwrs]

PersistGate and Provider need to go outside of ReactRouter:

export default () => (
  <Provider store={store}>
    <PersistGate loading={null} persistor={persistor}>
      <Router history={history}>
        <App />
      </Router>
    </PersistGate>
  </Provider>
);