React error 'Route' is not defined?

Question

React

hello
here is the code

import React from 'react'
import './App.css';
import Dialogs from './component/Dialogs.jsx';
import {BrowserRouter, Router} from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <div>
        <div className="content-box">
         <Route component={Dialogs}/>
        
        </div>   
      </div>
      </BrowserRouter>
    );
  }




  export default App;

Here is the Error

/src/App.js
Line 11:11: 'Route' is not defined react/jsx-no-undef

Search for the keywords to learn more about each error.

I don't understand what is wrong
Thank you

Answer 1

Import error. Take a close look at what you import and what you use