Necesito renderizar un componente importado, como a continuación, con algunos accesorios dentro de mi código React. Estoy pensando que esto es simple, pero no puedo encontrar una respuesta en el desbordamiento de pila para este formato como este. ¿Cómo se haría esto? Gracias.

 import { HomeIcon } from "../lib/icons"; [{ title: "Home", icon: ({ color }: { color: string }) => <HomeIcon color={color} />, }].map((item, index) => { const { title, icon: Icon } = item; return ( <div> <Icon color="#fff" /> // Doesn't work! </div> )

EDITAR: Aquí está el error al ejecutar el código a continuación