Versión del nodo: 17.3.0

Versión de NPM: 8.3.0

Estoy aprendiendo reaccionar js. Mientras practico un proyecto, recibo este error. Error:

 Uncaught Error: HomePage(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.

Mi código se da a continuación:

índice.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') ); // If you want to start measuring performance in your app, pass a function // to log results (for example: reportWebVitals(console.log)) reportWebVitals();

aplicación.js

 import './App.css'; import HomePage from './homepage'; function App() { return ( <div className="App"> <HomePage /> </div> ); } export default App;

página de inicio.jsx

 import React from 'react'; const HomePage = () => { <div className="homepage"> <div className="directory-menu"> <div className="menu-item"> <div className="content"> <h1 className="title">HATS</h1> <span className="subtitle">SHOP NOW</span> </div> </div> </div> </div>; }; export default HomePage;

imagen completa del error

¿Cómo resolver este error? Por favor ayúdame a resolver este problema.