Estoy usando react-query para realizar una solicitud GET a mi API en la que la respuesta es una matriz de objetos. Cada objeto tiene 1 propiedad que es el nombre al que quiero acceder. Cuando registro la respuesta en la consola, aparece como la imagen que se muestra en la parte inferior. Incluso dice que el prototipo es una matriz. Sin embargo, cuando trato de acceder a un elemento de la respuesta, dice "no se pueden leer las propiedades de undefined".

Aquí está el código que muestra los datos como se muestra en la imagen:

 const { isLoading, error, data } = useQuery('cat_names', () => fetch('<api-link>').then(res => res.json() ) ) console.log(data)

Aquí está el código que usé para intentar acceder al primer elemento de la matriz.

 const { isLoading, error, data } = useQuery('cat_names', () => fetch('<api-link>').then(res => res.json() ) ) console.log(data[0])

También he intentado mapear datos, sin suerte:

 const mapped_data = data.map(element => element.name) console.log(mapped_data)