axios.all() after response send a new request

How can i send a new request using axios until axios.all() response has not come. I have three type of request need to load when app is load first time. After response of each api i want to send a new request using these api response data.

Here is my code that return network error 500

export function appInitialize(navigator) {
    return async function (dispatch) {
        dispatch({ type: APP_INITIALIZE });
        axios.all([
            api.get('appload'),
            api.get('admin-settings'),
            axios.get('https://example.com/api/ipinfo')
        ]).then(axios.spread((appLoadRes, adminSettingsRes, ipRes) => {
            dispatch({
                type: APP_INITIALIZED,
                payload: {
                    appload: appLoadRes.data.response.data,
                    adminSettings: adminSettingsRes.data.response.data,
                    ip: ipRes.data.ip
                }
            });
            dispatch(changeAppRoot('after-login'));
            getUser().then(user => {
                if (user) {
                    dispatch(changeAppRoot('after-login'));
                    api.get(`user/${user.id}`, {
                        headers: {
                            'Authorization': `Bearer ${user.token}`,
                            'Ip': ipRes.data.ip
                        }
                    }).then(response => {
                        dispatch({ type: USER_MANAGED, payload: response.data })
                    })
                    navigator.resetTo({
                        screen: 'navigation.Dashboard'
                    })
                } else {
                    navigator.resetTo({
                        screen: 'navigation.Login'
                    })
                }
            })
        }))
    };
}

[anthonygauthier]

Hey there @shubham81407,

You could try something like this;

export function appInitialize(navigator) {
  return async function (dispatch) {
    dispatch({ type: APP_INITIALIZE });
    let promises = [];

    promises.push(axios("url1"));
    promises.push(axios("url2"));
    promises.push(axios("url3"));

    const responses = await Promise.all(promises);
    const responseDataArr = responses.map(response => response.data);

    // make your request with the content of the responses here
    // axios.get('...')
  }
}

What do you think?

[OpenGG]

For these kind of general question, please consider asking on StackOverflow. But feel free to come back and open an issue if it turns out to be a bug.