useNavigate()

useNavigate.jsx

import { BrowserRouter, Route, Routes, useNavigate } from 'react-router-dom'
import { Dashboard } from './Components/Dashboard'
import { Landing } from './Components/Landing'


function App() {

  return (
    <div>
      <BrowserRouter>
        <Appbar/>
        <Routes>
          <Route path="/dashboard" element={<Dashboard></Dashboard>}></Route>
          <Route path='/' element={<Landing></Landing>}></Route>
        </Routes>
      </BrowserRouter>
    </div>
  )
}

function Appbar() {
  const navigate = useNavigate;
  return (<div>
    <div>
      <button onClick={() => {
        navigate("/");
      }}>Landing Page</button>
      <button onClick={() => {
        navigate("/Dashboard");
      }}>Dashboard Page</button>
    </div>
    </div>)
}

export default App