Tengo una gran cantidad de datos que puedo obtener solo usando ganchos de terceros, por ejemplo: const data1 = useSmthHook(1) where 1 - index;

Imaginemos que necesitamos un objeto de 100 valores:

 const data1 = useSmthHook(1) const data2 = useSmthHook(2) const data3 = useSmthHook(3) ... const data100 = useSmthHook(100)

Sería genial obtener un objeto de resultado final con los 100 valores.

La solución con bucle no funciona porque los ganchos no se pueden activar dentro de los bucles .

 //does not work! for (var i = 1; i < 101; i++) { const data = useSmthHook(i) .... }

Solo tengo una idea (estoy seguro de que es mala) que funciona: crear una matriz vacía, renderizar 100 componentes, en la lógica del componente del elemento: mientras renderiza, obtiene el valor del gancho => actualiza el estado global con estos datos. Por lo tanto, cada nuevo renderizado de elementos genera un estado global de +1 fila (actualización). 100 actualizaciones y 100 renovaciones.