Connected React Router Redux

It's a HoC that updates the reducer when using connected-react-router.
HoC implementation using How to navigate with Redux action with store.dispatch.

Installation

Using npm:

$ npm install --save connected-react-router-redux

Or yarn:

$ yarn add connected-react-router-redux

Usage

import { withRouterReducer } from 'connected-react-router-redux';
...

class AppComponent extends React.Component {
  ...
}
...
export default withRouterReducer(AppComponent);

connect(react-redux) usage.

...
import { withRouterReducer } from 'connected-react-router-redux';
...

class AppComponent extends React.Component {
  ...
}
...
export default withRouterReducer(
  connect(
    mapStateToProps,
    mapDispatchToProps,
  )(AppComponent)
);

TypeScript

import { withRouterReducer } from 'connected-react-router-redux';
...

class AppComponent extends React.Component<AppComponentProps, {}> {
  ...
}
...
export default withRouterReducer(AppComponent);

connect(react-redux) usage.

...
import { withRouterReducer } from 'connected-react-router-redux';
...

class AppComponent extends React.Component<AppComponentProps, {}> {
  ...
}
...
export default withRouterReducer(
  connect<MapStateToProps, MapDispatchToProps, React.ComponentClass<AppComponentProps>>(
    mapStateToProps,
    mapDispatchToProps,
  )(AppComponent)
);