Aprendo REACTJS, y encuentro un problema, no sé cómo puedo solucionarlo

Error: Página de inicio: No se devolvió nada del renderizado. Esto generalmente significa que falta una declaración de devolución. O, para no representar nada, devuelve nulo.

Componente de código:

 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 className="menu-item"> <div className="content"> <h1 className="title">JACKETS</h1> <span className="subtitle">SHOP NOW</span> </div> </div> <div className="menu-item"> <div className="content"> <h1 className="title">SNEAKERS</h1> <span className="subtitle">SHOP NOW</span> </div> </div> <div className="menu-item"> <div className="content"> <h1 className="title">WOMENS</h1> <span className="subtitle">SHOP NOW</span> </div> </div> <div className="menu-item"> <div className="content"> <h1 className="title">MENS</h1> <span className="subtitle">SHOP NOW</span> </div> </div> </div> </div> }; export default HomePage;

Aplicación de código:

 import React from 'react'; import './App.css'; import HomePage from './homepage.component'; function App() { return ( <div> <HomePage/> </div> ); } export default App;