如何在另一个 Jsx 文件中引用 Jsx 文件？

我目前正在构建一个 React 应用程序。我已经定义了两个具有默认函数的文件，并且我在一个“home”文件中调用。但是，我收到警告“已定义但从未使用”。我该如何解决这个问题？

下面是我用于 home.jsx 的代码：

import veggie from "../components/veggie";
import popular from "../components/popular";



function home() {
  return (
    <div>
      <veggie />
      <popular />
    </div>
  )
}

export default home;

到目前为止，对于 veggie.jsx，我使用了以下代码：

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

export default veggie;