Dada esta respuesta de una solicitud http.

[{"_id":"Castanho","recuento":7,"estado":[{"estado":"rechazado","recuento":1},{"estado":"pendiente","recuento": 4},{"estado":"aprobado","recuento":2}]},

{"_id":"Preto","cuenta":1,"estado":[{"estado":"pendiente","cuenta":1}]},

{"_id":"Azul","cuenta":1,"estado":[{"estado":"pendiente","cuenta":1}]}]

 export default function StatisticsDashboard(props) { const [dataSt, setDataSt] = useState(); useEffect(() => { async function fetchData() { const res = await client.get("/statistics"); const data=res.data; console.log(data); setDataSt(data); console.log(dataSt); } fetchData(); }, []);

¿Por qué no configura el DataSt con los datos de la solicitud? Incluso traté de crear datos con nombre de const auxiliar (en el ejemplo de código) para ver si funcionaba.

Captura de pantalla de la salida de console.log

El indefinido es de console.log(dataSt);