How to redirect from axios interceptor with react Router V4?

Question

I want to make a redirection in axios interceptors when receiving a 403 error. But how can I access the history outside React components ?

In Navigating Programatically

Answer 1

This works perfectly.

window.location.href = `${process.env.REACT_APP_BASE_HREF}/login`;

Answer 2

import { createHashHistory } from 'history' // or createBrowserHistory
const history = createHashHistory()

if (response.status === 403) {
  history.push('/login')
}

ReactTraining/history