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)
);