Why doesn’t the page refresh when I use this as my App.js?

import React, { Component } from 'react';
import './App.css';
import Home from './Home';
import ReactDOM from "react-dom/client";
import { BrowserRouter, Switch, Route } from 'react-router-dom';
import ClientList from './ClientList';
import ClientEdit from "./ClientEdit";
import { useNavigation, useLocation } from 'react-router-dom';
import { useHistory } from "react-router-dom";

class App extends Component {
  render() {
    return (
        <BrowserRouter>
            <Switch>
                <Route path='/' exact={true} component={Home}/>
                <Route path='/clients' exact={true} component={ClientList}/>
                <Route path='/clients/:id' component={ClientEdit}/>
            </Switch>
        </BrowserRouter>
    )
  }
}

export default App;