<p>import React from "react";</p>
<p>import { useNavigate } from "react-router-dom";</p>
<p>const Login = () =&gt; {
  const navigate = useNavigate();
  const signInWithGoogle = async () =&gt; {
    // If Login Success
    navigate("/home");
  };</p>
<p>  return (
    </p><div>
      Login
      Login With Google
    </div>
  );
};<p></p>
<p>export default Login;</p>


import React from "react";

import { useNavigate } from "react-router-dom";


const Login = () => {
  const navigate = useNavigate();
  const signInWithGoogle = async () => {
    // If Login Success
    navigate("/home");
  };

  return (
    <div>
      Login
      <button onClick={signInWithGoogle}>Login With Google</button>
    </div>
  );
};

export default Login;


useNavigate() in react-router-dom