Create a module that exports a history object and import this module across the project.
history
For example, create history.js file:
history.js
import { createBrowserHistory } from 'history' export default createBrowserHistory({ /* pass a configuration object here if needed */ })
You should use the <Router> component instead of built-in routers. Imported the above history.js inside index.js file:
<Router>
index.js
import { Router } from 'react-router-dom' import history from './history' import App from './App' ReactDOM.render(( <Router history={history}> <App /> </Router> ), holder)
You can also use push method of history object similar to built-in history object:
// some-other-file.js import history from './history' history.push('/go-here')