How to get history on React Router v4?

Below are the list of steps to get history object on React Router v4,

1. Create a module that exports a history object and import this module across the project.

For example, create history.js file:

        import { createBrowserHistory } from "history";

        export default createBrowserHistory({
          /* pass a configuration object here if needed */
        });
        

1. You should use the <Router> component instead of built-in routers. Import the above history.js inside index.js file:

```jsx harmony
import { Router } from "react-router-dom";
import history from "./history";
import App from "./App";

ReactDOM.render(
<Router history={history}>
<App />
</Router>,
holder
);

    3.  You can also use push method of `history` object similar to built-in history object:

        

history.push("/go-here");

> **Modern React Note (React 18/19):** `ReactDOM.render` was deprecated in React 18 and removed in React 19. In modern applications, always use `createRoot` from `react-dom/client`:
>