xxxxxxxxxx
// useHistory is not available anymore in react instead use useNavigate
import { useNavigate } from 'react-router-dom';
function MyForm() {
const navigate = useNavigate();
function handleSubmit(event) {
event.preventDefault();
// Submit form data to server here
navigate('/success-page');
}
xxxxxxxxxx
//Whatever component that you use history in, HAS to be wrapped in <BrowserRouter>
//App.js
import {useHistory} from "react-router-dom";
const history = useHistory();
function handleButtonClick() {
history.push('/'); // redirect to main page
}
//index.js
<BrowserRouter>
<App.js/>
</BrowserRouter>