Answers for "usehistory in router react$"

useHistory

import { useNavigate } from 'react-router-dom';
const navigate = useNavigate();
navigate('/home');

useHistory hook

// useHistory() does not work inside an arrow function 
// notice @ line 9 that the history.push() is inside a usual function. not an arrow function

let myComponent = () => {
    
const history = useHistory();
  function routeChange(){
   history.push("/author");
  }
  
  return(<>
  <button onClick={ routeChange} > redirect </button>
  </>)
    
}