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

Comece revisando o exemplo de React Router da issue e as referências ausentes a BrowseRoutes, Routes e Route. Esclareça qual comportamento de roteamento ou lacuna na documentação deve ser abordado e, em seguida, verifique se as orientações resultantes explicam como fazer o roteamento para um componente.