[Solved]-How to programmatically navigate using react router-Reactjs

You want to install the history package npm install history and then pass an instance of it to your router:

import { Router } from "react-router";
import { createBrowserHistory } from "history";

const history = createBrowserHistory()

<Router history={history}>
  <App/>
</Router>

Then you can programmatically navigate anywhere in your app by using withRouter to get your history instance and doing something like this history.push("/my-path").

You can also set up a file that creates/exports your history instance that you can just import.

Technically you don't need the history package as react-router will pass its own, but if you're doing this you'll prefer the flexibility that your own history instance will provide.