¡Quería importar el enrutador de reacción a mis componentes y obtuve el error como se describe en el 'título'!

¡Por cierto, lo estoy haciendo a partir de un curso intensivo de tutorial!

Mostraré mis archivos a continuación.

Aplicación.js

 import { BrowserRouter, Route } from "react-router-dom"; import "./App.css"; import Header from "./components/Header"; import Home from "./Pages/Home"; import About from "./Pages/About"; import Profile from "./Pages/Profile"; function App() { return ( <BrowserRouter> <div className="App"> <Header /> </div> <Route path="/" component={Home} exact /> <Route path="/about" component={About} /> <Route path="/profile" component={Profile} /> </BrowserRouter> ); } export default App;

Inicio.js

 const Home = () => { return <h1>Home Page</h1>; }; export default Home;

Acerca de.js

 const About = () => { return <h1>About Page</h1>; }; export default About;

Perfil.js

 const Profile = () => { return <h1>Profile Page</h1>; }; export default Profile;

Encabezado.js

 const Header = () => { return ( <> <h1>React Router Dom</h1> </> ) } export default Header;