¿Cómo puedo hacer para mostrar el firstName y el lastName para las columnas People e Invitees ? Porque por ahora puedo mostrar firstName para la columna People (es decir, Eliot en lugar de Eliot Gray ); para la columna Invitees -> firstName y lastName se adjuntan juntos (es decir, Paul Poel en lugar de PaulPoel ).

 export default function Meeting() { ... const data = useMemo( () => [ { Header: "Id", accessor: (row) => row.id }, { Header: "People", accessor: (row) => row.people[0].firstName && row.people[0].lastName }, { Header: "Invitees", accessor: (row) => row.invitees, Cell: (props) => props.value !== [] && props.value.length > 0 ? ( <div> {props.value !== [] ? props.value .map(({ firstName, lastName }) => firstName && lastName) .join(", ") : ""} {props.value.length > 0 && ( <CloseIcon text={ props.value !== [] ? props.value.map((o) => ( <span key={o.firstName}> <b>{o.firstName}</b> <b>{o.lastName}</b> </span> )) : "" } /> )} </div> ) : ( "" ) } ], [] ); return ( <Table data={meeting} columns={data} /> ); }

Mi json:

 { "meeting": [ { "id": 1, "people": [ { "firstName": "Eliot", "lastName": "Gray" }, ... ], "invitees": [ { "firstName": "Paul", "lastName": "Poel" }, ... ] } ] }