Representación con mapa Tengo una función de flecha doble que devuelve componentes y aparece un error de nombre de visualización faltante
Aquí está el código
const Sales = (props: Props) => { const renderCard = React.useMemo( () => (config) => (card, i) => { return ( <div {...config} key={i}> <Card Icon={card.Icon} label={card.label} /> </div> ); }, [cards] ); return ( <div title="Sales"> <div> {cards.slice(0, 3).map(renderCard(configOne))} </div> {/* other stuff */} <div> {cards.slice(3).map(renderCard(configTwo))} </div> </div> ); };Encontré la solución, puedo convertir la última función de una flecha a una función con nombre como esta
const renderCard = React.useMemo( () => (config) => function ICard(card, i) { return ( <div {...config} key={i}> <Card Icon={card.Icon} label={card.label} /> </div> ); }, [cards] );Espero que esto ayude a alguien más también