Build the Forecast
10 min read
Handle Forecast Data Safely
Task
Make forecast rendering resilient to an empty or unexpected list.
File / section
src/components/Forecast.jsx
Change
Before grouping, guard the list: if (!data?.list?.length) return null;. Keep the five-day slice and existing card mapping.
Why this change matters
The component should fail quietly rather than throw when a forecast response has no entries.
Test it
Temporarily inspect the component logic with the browser console and confirm normal data still renders.
Checkpoint
The forecast component has a safe empty-data boundary.