Estoy haciendo una llamada de despacho múltiple en la página de inicio

Era algo como esto.

 useEffect(() => { async function getStorageData() { setLoading(true); try { await dispatch(fetchProductA()); await dispatch(fetchProductB()); await dispatch(fetchProductC()); await dispatch(fetchProductD()); await dispatch(fetchProductE()); await dispatch(fetchProductF()); } catch (err) { console.log(err); } finally { setLoading(false); } } getStorageData(); }, []);

Estoy haciendo una llamada de despacho múltiple en la página de inicio

El problema es que al llamar a estos api. Recibí un error cuando productC .

Cuando eso sucede, la función deja de llamar al producto restante D y E y arroja un error. ¿Cómo puedo hacer para que no rompa la llamada api?

Aquí está mi llamada api.

 export const fetchProductC = () => dispatch => { return axios .get('productsapi/getProductC', { headers: { 'Content-Type': 'application/json', }, }) .then(res => { dispatch({ type: FETCH_PRODUCTS_C, payload: res.data[0].Groups[0].Products, payGroup: res.data[0], }); }) .catch(err => { console.log('fetching new product error'); throw err; }); };

El problema es que al llamar a estos api. Recibí un error cuando productC .

Cuando eso sucede, la función deja de llamar al producto restante D y E y arroja un error. ¿Cómo puedo hacer para que no rompa la llamada api?