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

Bắt đầu bằng cách xem lại ví dụ React Router trong issue và các tham chiếu còn thiếu đến BrowseRoutes, Routes và Route. Làm rõ hành vi định tuyến hoặc khoảng trống trong tài liệu nào cần được xử lý, sau đó xác minh rằng hướng dẫn thu được giải thích cách định tuyến đến một component.