Use Navigate Hook Routing on Button Pressed

 Use Navigate Hook Routing on Button Pressed

import Button from '@mui/material/Button';

import { useState } from 'react';

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

export default function Homepage() {

    const navigate = useNavigate();

   

    function handler() {

        console.log("Clicked");

        navigate('/login');

    }

   

    return (

        <div>

           <h1 style={{ textAlign: 'center' }}>Header</h1>

           <div >

              <Button style={{ background: "white" }} href="/login">Link</Button>

        

            // Using Hook for Navigate

              <Button onClick={() => {

                 navigate('/login')

                }}>Click Me</Button>

            </div>

        </div >

    );

}