Workaround for https://github.com/ReactTraining/react-router/issues/4671

index.js

// Usage
<Router>
    <Provider store={store}>
        <ListeningRouter>
            <Main />
        </ListeningRouter>
    </Provider>
</Router>

listening-router.js

// Workaround for React Router v4 blocked updates issue/feature
// https://github.com/ReactTraining/react-router/blob/7f002d35deae5d32dcf27eef9ae9296d27028ee4/packages/react-router/docs/guides/blocked-updates.md
// https://github.com/ReactTraining/react-router/issues/4671

import React from "react";
import {pick} from "lodash/fp";
import {connect} from "react-redux";
import {withRouter, Route as RRoute, Switch as RSwitch} from "react-router-dom";

const UPDATE_LOCATION = "UPDATE_LOCATION";
const updateLocation = location => ({type: UPDATE_LOCATION, location});

export class ListeningRouter extends React.Component {
    componentWillMount() {
        this.props.updateLocation(this.props.location);
    }

    componentWillReceiveProps(nextProps) {
        this.props.updateLocation(nextProps.location);
    }

    render() {
        return React.Children.only(this.props.children);
    }
}
ListeningRouter = withRouter(connect(null, {updateLocation})(ListeningRouter));

const addLocation = connect(pick("location"));
export const Route = addLocation(RRoute);
export const Switch = addLocation(RSwitch);

export const routeReducer = (state, action) => {
    if (action.type === UPDATE_LOCATION) {
        return {...state, location: action.location};
    }

    return state;
};