Tengo datos que estoy tratando de obtener y usar con el código a continuación, sin embargo, cuando estoy registrando el valor de los registros, primero obtengo una matriz vacía y mi objeto obtenido en segundo lugar. Debido a esto, no puedo acceder a la información del objeto en mi aplicación.

 const [records, setRecords] = useState([]); useEffect(() => { async function getRecords() { const response = await fetch(`http://localhost:5000/record`); if (!response.ok) { const message = `An error occurred: ${response.statusText}`; window.alert(message); return; } const records = await response.json(); setRecords(records); } getRecords(); return; }, []); console.log(records);