Aquí está mi código para App.js y Home.js Quiero mostrar Home.js en el navegador.

Aplicación.js

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

Inicio.js

 import React from "react"; function Home() { return ( <div> <h1>Home</h1> </div> ); } export default Home;

El archivo de índice es el siguiente index.js

 import React from "react"; import ReactDOM from "react-dom"; import "./index.css"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById("root") ); reportWebVitals();

Así que quiero mostrarlo en el navegador pero no puedo