En mi aplicación de reacción, al cargar la página, llamo a una API y almaceno ese valor en el estado. Cuando intento crear un elemento JSX desde el estado, aparece el error Cannot read properties of undefined (reading 'expire') .

 const [domains, setDomains] = useState([]); const [records, setRecords] = useState({}); useEffect(() => { axios.get('zones/domains').then((res) => { setDomains(res.data) axios.get('zones/records', { params: { l_id: res.data[0].l_id } }).then((res) => { setRecords(res.data) }); }); }, []) let table_str = <tr> <td>SOA</td> <td>{records.added.expire}</td> <td>{records.added.value1} {records.added.value2}</td> </tr>