How to navigate outside of components in ReactRouter 4?

In React Router (v3) I can accept a server response and use browserHistory.push to go to the appropriate response page. However, this isn’t available in v4, and I’m not sure what the appropriate way to handle this is in React-Router V4 .

In below example when the server returns a success, the user is taken to the Cart page

// actions/index.js
export function addProduct(props) {
  return dispatch =>
    axios.post(`${ROOT_URL}/cart`, props, config)
      .then(response => {
        browserHistory.push('/cart'); // no longer in React Router V4
      });
}

How can I make a redirect to the page from function in React Router v4?

I can find lot of references on navigation from components in my case i need to navigate from a function

[wdjungst]

If you are outside of a route you can wrap your component in withRouter to get the history object.

[mrobrian]

If I’m understanding the suggestion correctly, if we need to access the history object outside of a component we basically have to create our own version of BrowserRouter and have it use a history object we’ve created. Wouldn’t it be easier on users of this package if those history objects were available like they used to be, rather than having to create a slightly modified version of something that’s already done?