Los datos que consulté en firestore

Estoy tratando de obtener datos de la Figura 1, principalmente la edad. Y traté de hacer un bucle en mi mapa pero terminé recibiendo un error.

Rechazo no controlado (TypeError): no se pueden leer las propiedades de undefined (leyendo 'mapa') El mensaje de error

 export default function TargetClientList() { const [targetClient, setTargetClient] = useState([]); useEffect(() => { const usersCollectionRef = collection(db, "client"); const getClientList = async () => { const data = await getDocs(usersCollectionRef); setTargetClient(data.docs.map((doc) => ({ ...doc.data(), id: doc.id }))); }; getClientList(); }, []); return ( <Layout> <Center py={6}> <Table variant="striped" > <Tbody> {targetClient.map((works) => { return ( <Tr key={works.id}> <Td>{works.first} {works.middle} {works.last}</Td> <Td> <Stack direction="row" spacing={1}> <TempModal works= {works}/> </Stack> </Td> <Td> {works.Figure1.map((home) => { <h1>{home.age}</h1></h1> })} </Td> <Td> <Stack direction="row" spacing={1}> <WorkModal works= {works}/> </Stack> </Td> </Tr> ); })} </Tbody> </Table> </Center> </Layout> )

}