Actualmente estoy construyendo una aplicación React. He definido dos archivos con funciones predeterminadas y estoy llamando dentro de un archivo "inicio". Sin embargo, tengo la advertencia "está definido pero nunca se usa". ¿Cómo puedo solucionar ese problema?

A continuación se muestra el código que he usado para home.jsx:

 import veggie from "../components/veggie"; import popular from "../components/popular"; function home() { return ( <div> <veggie /> <popular /> </div> ) } export default home;

Y para veggie.jsx hasta ahora he usado este código:

 function veggie() { return <div>veggie</div>; } export default veggie;