Estoy desarrollando una aplicación de reacción, quiero probar algunas funciones en mi móvil, pero cuando intento conectarme, tengo un error. Entiendo que es un problema asíncrono ... Estoy tratando de mapear una matriz (por el momento) indefinida. Pero no entiendo por qué en el navegador funciona bien y en mi móvil no.

 const eventsFetch = async () => { const resEvents = await getAllEvents(); const newArray = resEvents.filter((e) => { const date = new Date(e.date); return date.getTime() >= Date.now(); }); newArray.sort((e) => e.important === true ? -1 : 1); setEvents(newArray); }

Aquí hay una captura de pantalla del navegador móvil. Probé con Chrome, Safari y Brave y siempre recibí el mismo error.

Por último, ya intenté agregar el operador de encadenamiento opcional a la matriz, pero tengo el mismo resultado.

EDITAR: si agrego un archivo console.log con el resultado de la matriz después del filtro y la ordenación, en mi computadora puedo ver que funciona bien. Aquí ah imagen:

EDITAR 2:

 export const getAllEvents = async() => { try{ const req = await fetch(getAllEventsUrl, { method: "GET", headers: { Accept: "application/json", "Content-Type": "application/json", "Access-Control-Allow-Origin": "*", }, credentials: "include", }); const response = await req.json(); if (!req.ok) { const error = new Error(response) error.status = req.status; return error; } return response; } catch(error) { return error; } };