Tengo una matriz de 49 objetos en total. Dentro de cada objeto anidado, hay otra matriz " niños " anidada. Y dentro de esta matriz, hay un valor de " texto ".

Estoy tratando de mapear y filtrar estos valores solo, para concatenar/combinar el texto y moverlos a mi React Hook. De esta manera, solo me queda texto para poder calcular el tiempo de lectura en función de la cantidad de contenido textual.

Mi gancho:

 const [textSize, setTextSize] = useState();

Ejemplo de 4 de 49 objetos:

 0: {_key: 'ade9a24f5cb6', _type: 'block', caption: null, children: Array(1), markDefs: Array(0), …} 1: {_key: '5aa8a2fa2969', _type: 'block', caption: null, children: Array(1), markDefs: Array(0), …} 2: {_key: '602703f9c2b7', _type: 'block', caption: null, children: Array(1), markDefs: Array(0), …} 3: {_key: '211597e8045a', _type: 'block', caption: null, children: Array(1), markDefs: Array(0), …}

Dentro de uno de los arreglos "niños":

 0: {_key: '76f4ec1ed87f', _type: 'span', marks: Array(0), text: 'Lorem ipsum dolor sit amet'}

y de esa matriz, necesito el texto de cada objeto si eso tiene sentido.

La matriz tiene 49 objetos => Cada objeto tiene una matriz anidada (hijos) => Cada matriz de niños tiene el valor "texto".