Here are a couple ways you could go about addressing this issue:

1. Instead of using Link, try utilizing browserHistory.push(path) with an onClick function.
   
   
   
   
   • Inside the onClick, you can dispatch your action, then push to a new location.
   
   
   • However, if you want to perform this series of actions in various components, you will probably suffer from code duplication.
   
   


2. A more robust way to address this issue would be to implement redux-thunk, which provides a generic way of performing multiple actions (be it calling a Redux action, or performing an async operation, or both!) in response to a change.
   
   
   
   
   • Dan has a great response here highlighting the simplicity of what redux-thunk actually offers: Can I dispatch multiple actions without Redux Thunk middleware?
   
   
   • In your case, in the incrementTwice function, imagine just replacing one of the dispatch(increment) calls with a call to browserHistory.push(action.path), similar to the below:
   
   

Redux thunk action

export const dispatchThenRoute = (myAction, myPath) => {

    return (dispatch) => {

        dispatch(myAction)

        browserHistory.push(myPath);

    }

};