Tengo una API para la aplicación meteorológica. Estoy tratando de conectarla correctamente, pero la probé ingresando valores incorrectos en el campo de entrada. Recibo un error pero no puedo resolver este error cuando ingreso datos incorrectos.

Error como este:

en Dashboard.js:55 Uncaught TypeError: Cannot read properties of undefined (reading '0')

y

Consider adding an error boundary to your tree to customize error handling behavior.

Puedes consultar todo el código desde aquí .

reductor adicional

 export const getDataReducer = createAsyncThunk('weatherData/getData', async (args, thunkAPI) => { const { rejectWithValue } = thunkAPI; try { const data = await axios.get(`https://api.worldweatheronline.com/premium/v1/weather.ashx?key=${api_key}&q=${args.country}&format=json&num_of_days=5`, { headers: {...} }) .then(res => res.data) .catch(e => console.log("fetchError",e)) console.log('new new new',data) return data } catch (error) { return rejectWithValue(error.message) } })

Rodaja

 [getDataReducer.pending]: (state, action) => { state.isLoading = true }, [getDataReducer.fulfilled]: (state, action) => { state.isLoading = false state.error = false state.getData = action?.payload?.data }, [getDataReducer.rejected]: (state, action) => { state.isLoading = false state.error = true state.getData = action?.payload?.data },

llamada redux

 const [country, setCountry] = useState(undefined) const {getData: APIData ,isLoading} = useSelector(state => state.getDataSlice) useEffect(() => { dispatch(getDataReducer({country})) },[dispatch, country])

cualquier ayuda, por favor