React router v5 updates the url but not render the component

When i am trying to open the edit page using Link, but its only changing the url but not rendering the component

**react router dom version : "react-router-dom": "^5.3.0", **

App.js

import { BrowserRouter, Route, Switch } from "react-router-dom";
import Home from "./pages/Home";
import CrudPage from "./pages/CrudPage";

const App = () => {
  return (
    <>
      <BrowserRouter>
        <Switch>
          <Route exact path="/">
            <Home />
          </Route>
          <Route exact path="/edit-user/:id">
            <CrudPage />
          </Route>
        </Switch>
        
      </BrowserRouter>
    </>
  );
};
export default App;

Home.js

import { Link } from "react-router-dom";
const Home = () => {
  return (
    <>
      <h1>Home page</h1>
      <Link to="/edit-user/12">Edit</Link>
    </>
  );
};
export default Home;

edit page

const CrudPage = () => {
  return <div>CrudPage</div>;
};
export default CrudPage;