He buscado SO para una solución a esto, pero tengo dificultades para aplicar las soluciones dadas. Estoy usando JavaScript/React, así que necesito una solución en JS.

Se devuelve un objeto de una base de datos con la siguiente estructura,

fuente.fuente.fuente (tres niveles, todos los niños se llaman fuente).

La primera fuente es un objeto, la segunda fuente también es un objeto y la tercera fuente es una matriz con todos los elementos.

Cada elemento de la matriz tiene una propiedad, "isActive", como en

 source.source.source.isActive

Pensé que el siguiente código mantendría el objeto completo, pero pierde los dos nodos principales y todos esos datos (fuente y fuente) y solo devuelve la matriz anidada dentro de source.source. Necesito todo el objeto devuelto de axios filtrado.

 const responseDataFiltered = source.source.source.filter(obj => Boolean(obj.isActive) === true)

Necesito una forma de mantener todos los elementos principales y mostrar solo los elementos de la matriz que tienen isActive === verdadero.

Lo que estoy tratando de lograr es filtrar una respuesta de una base de datos donde los elementos devueltos tienen la propiedad isActive establecida en verdadero, y necesito la estructura principal/elementos principales. Entonces, esencialmente, necesito una copia de la fuente principal del elemento principal con sus datos anidados, pero filtre todo isActive === false.

Obtengo los datos usando Axios de una API. La respuesta es el objeto completo que tiene la matriz profundamente anidada con los miles de elementos que necesito filtrar en isActive. Una vez que el objeto devuelto haya filtrado todo el isActive === falso, quiero pasarlo a un enlace useState y mostrar los datos.