Este es uno de los dos errores que he encontrado en la misma aplicación de mi pregunta anterior. Aquí está el primer error:
Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it. Routes@http://localhost:3000/React-Portfolio/static/js/bundle.js:40930:7 div div Header@http://localhost:3000/React-Portfolio/static/js/bundle.js:581:1 Router@http://localhost:3000/React-Portfolio/static/js/bundle.js:40867:7 BrowserRouter@http://localhost:3000/React-Portfolio/static/js/bundle.js:40344:7 div AppNo estoy seguro de cómo depurar esto por completo, así que no estoy seguro de dónde dice que existe el error... Aquí está el repositorio: https://github.com/kstaver/React-Portfolio
Con react-router v6, debe pasar un elemento como el valor del atributo del element en el componente de Route , pero está enviando el componente como elemento. Para resolver el problema, debe cambiar <Route path="/about" element={About} /> a <Route path="/about" element={<About />} /> en todas sus rutas. En realidad, sus rutas deben configurarse así:
<Routes> <Route exact path="/" element={<Navigate to="/about" replace/>} /> <Route path="/about" element={<About />} /> <Route path="/portfolio" element={<Portfolio />} /> <Route path="/contact" element={<Contact />} /> <Route path="/resume" element={<Resume />} /> </Routes>