Ошибка с библиотекой Route. В чем ошибка?

Question

[Ca1doz]

Я только начал изучать и использовать библиотеку react-router-dom и столкнулся с проблемой. Выдает ошибку:

Failed to compile
src\App.js
Line 14:22: 'Routes' is not defined react/jsx-no-undef

Search for the keywords to learn more about each error.

Версия библиотеки:

"dependencies": {
    "react-router-dom": "^6.0.2"

Мой код:

import './App.css';
import Header from "./Components/Header/Header";
import Navbar from "./Components/Navbar/Navbar";
import Profile from "./Components/Profile/Profile";
import Dialogs from "./Components/Dialogs/Dialogs";
import  {Route} from 'react-router-dom';
const App = () => {
    return (
            <div className={"app-wrapper"}>
                <Header/>
                <Navbar/>
                <div className={"app-wrapper-content"}>
                    <Routes>
                        <Route path="/dialogs" element={<Dialogs/>}/>
                        <Route path="/profile" element={<Profile/>}/>
                    </Routes>
                </div>
            </div>
    )
}
export default App;

Answer 1

[Flying]

Вы забыли импортировать компонент Routes, должно быть как-то так:
import {Routes, Route} from 'react-router-dom';

Comments

[Ca1doz]

Теперь выдает еще более страшную ошибку

[Андрей Hecc]

Ca1doz, Скорее всего из-за того что на верхнем уровне отсутствует компонент
<BrowserRouter />
или его аналог

Answer 2

[Владимир]

https://codesandbox.io/s/xenodochial-mendel-einm9?...

https://github.com/remix-run/react-router/blob/mai...