Espero que todos estén bien, intenté buscar una respuesta específica con respecto a este problema que tengo en ReactJS, donde intento mapear una matriz que estoy obteniendo a través de mi sistema local y sigo obteniendo esto. error en la consola:

 TypeError: null is not an object (evaluating 'daysData.map')

Aquí hay una instantánea de mi fragmento de código donde estoy inicializando la matriz desde fetch:

Y aquí está en formato de texto:

 // Here I initalize the array with useState const [daysData, setDaysData] = useState(null); // Here is the port I'm fetching my array from. useEffect(() => { fetch('http://localhost:5001/chocolates') .then((resp) => resp.json()) .then((data) => setDaysData(data)); }, []); // Console logging is sending back the array with no issues console.log(daysData);

Y aquí está la función de mapa donde estoy tratando de representar con la clave 'id' de la matriz:

Aquí está el bit de código en formato de texto:

 {/* Here I'm getting the error " TypeError: null is not an object (evaluating 'daysData.map') " */} {daysData.map((day) => ( <div>{day.id}</div> ))}

Y aquí hay un ejemplo de la matriz de la que obtuve datos en la que estoy tratando de mapear:

Gracias por cualquier ayuda de antemano