React Routes

I can't found anything about BrowseRoutes, Routes, Route Section. And my issue is, when I try to use an old code example

import React from 'react';
import {
    BrowserRouter as Router,
    Routes,
    Route,
    IndexRoute,
    Link
} from 'react-router-dom';
import StoreProvider from '../components/Store/Provider';
import Login from './users/Login/Login';
import dashboard from './dashboard/dashboard';
import PageHome from './home/home';
import test from './test';

const PagesRoot = () => {
    return (
        <Router>
            
            <div className="App">
    <ul>
      <li>
        <Link to="/">Home</Link>
      </li>
      <li>
        <Link to="/test">Test</Link>
      </li>
      <li>
        <Link to="/Login">Login</Link>
      </li>
    </ul>

                <Routes>
                    <Route exact path="/" component={PageHome}  />
                    <Route exact path="/test" component={test} />
                    <Route exact path="/Login" component={Login} />
                </Routes>
                </div>
        </Router>
        
    )
}
 
export default PagesRoot;

I can't redirect to component page

Start by reviewing the issue's React Router example and the missing BrowseRoutes, Routes, and Route references. Clarify which routing behavior or documentation gap should be addressed, then verify that the resulting guidance explains how to route to a component.