React - получает ошибку 504 для запроса API внутри цикла

Question

Я получаю правильный ответ в браузере Chrome & Mozilla с указанным кодом, но для браузера IE я получаю '504 Ошибка сети'.

Я проверил без Promise.all.Я заметил одну вещь: всякий раз, когда мы вызываем API в цикле, мы получаем такой тип сетевой ошибки.

 /* Function to fetch Reference Api data */

    async fetchRefAPIData(data, srnList, token) {
        //Pushing all the request in promises const
        const promises = data.models.map(async val => {
          const splitString = val.srn.split('/');
          if (splitString[splitString.length - 2] === 'questions-models') {
            srnList.push(val.srn);
            const srn = splitString[splitString.length - 1];
            const referenceEndpoint = `${getReferenceEndpointwithoutSRN()}/${srn}`;
            //Calling Reference API
            const response = await axios({
              method: 'GET',
              url: referenceEndpoint,
              headers: {
                'Content-Type': 'application/json',
                Accept: 'application/json',
                Authorization: token,
              },
            });
            return {
              srn,
              title: response.data.title,
              selectedCompleteSrn: val.srn,
              modelType: val.type,
              questions: response.data.questions,
              selectedSurvey: srn,
              srnState: val.state,
            };
          }
        });
        const results = [];
        await Promise.all(promises).then(result => {
          result.map(obj => {
            if (obj !== undefined && obj !== false) {
              results.push(obj);
            }
          });
        });
        //Return the final result
        return results;
      }