Después de importar desde reacciones y renderizar a app.js, obtuve una página en blanco, aunque acabo de actualizar a react18. aquí está mi código a continuación.

 import React from 'react'; import { createRoot } from 'react-dom/client'; import { BrowserRouter } from 'react-router-dom'; import App from './App'; const container = document.getElementById('root'); const root = createRoot(container); root.render( <BrowserRouter> <App /> </BrowserRouter> );

y obtuve este error a continuación en mi consola

el error anterior ocurrió en el componente: en meta

 at HomePage at Routes (http://localhost:3000/static/js/bundle.js:40123:5) at App at Router (http://localhost:3000/static/js/bundle.js:40056:15) at BrowserRouter (http://localhost:3000/static/js/bundle.js:38865:5)

Mi componente de aplicación

 import { Routes, Route } from 'react-router-dom'; import HomePage from './pages/Home'; function App() { return ( <Routes> <Route path='/' element={<HomePage />} /> </Routes> ); } export default App;