withRouter for react-router-dom v6

withRouter.tsx

import { useHistory } from 'react-router-dom';

export const withRouter = (Component) => {
  const Wrapper = (props) => {
    const history = useHistory();
    
    return (
      <Component
        history={history}
        {...props}
        />
    );
  };
  
  return Wrapper;
};

use history also not working

useHistory is replaced with useNavigate

wait so useNavigate provides the same functionality as withRouter?

useNavigate working perfectly...

hello i am using v6 and I want to redirect (navigate) on the /dashboard how do I use useNavigate in action.
return navigate('/dashboard') <Navigate to='/dashboard' />

  <button onClick={() => {navigate("/dashboard");}} >
        Dashboard
  </button>

I tried this, Thank you @RaduRS

Can somebody help me, how to type the Component parameter, so it is not any, when passing class components?

useNavigate working perfectly...

Okay Bro