when click on signup page window is reloading and then switch to next page I am using react js and my expectation changing route without reloading

here is my code

import React from "react";
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'
import Login from "../Pages/LoginPage";
import Signup from "../Pages/Signup";
const Routers = () =>{
    return(
        <>
        <Router>
            <Routes>
            <Route exact path="/" element={<Login/>} />
            <Route exact path="/Signup" element={<Signup/>} /> 
            </Routes>
        </Router>
        </>
    )
}
export default Routers;

my expectation is switching routes without reloading the page