Error with the Route library. Where is the mistake?

Question

JavaScript

I just started learning and using the react-router-dom library and ran into a problem. Gives an error:

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.

Library version:

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

My code:

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

You forgot to import the component Routes, it should be something like this:
import {Routes, Route} from 'react-router-dom';

Answer 2

https://codesandbox.io/s/xenodochial-mendel-einm9?...
https://github.com/remix-run/react-router/blob/mai...