Tengo una variable de project que sigue esta estructura:

 [ org_id_1: { project_id_1: { title: ... }, project_id_2: { title: ... } }, org_id_2: { ... } ]

En mi JSX, quiero mostrar un componente ProjectCard para cada proyecto extraído. Recorrí con éxito esta estructura para cada proyecto individual, pero el componente no se procesa. Mi código:

 <div className='flexbox...'> { projects && Object.keys(projects).map(organisationId => { const projectsArray = projects[organisationId] projectsArray.map(project => { return <ProjectCard key={project.id} project={project} /> }) }) } </div>

Estoy seguro de que estoy iterando a través de los proyectos porque cuando console.log(project) o console.log(project.title) justo antes de la declaración de devolución, puedo ver que aparecen los valores correctos.