title: Axios is not returning data from API because of bigger file
body: <p>Axios is not returning data from API because of bigger file.</p>
  
  <p><a href="https://i.stack.imgur.com/Jq924.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Jq924.png" alt="enter image description here"></a></p>
  
  <p>This is my code in api file:</p>
  
  <pre><code>/* Get the archive config information for the device from API */
  const getConfigArchiveFileRawData = (deviceId, versionId, fileId) =&gt; {
      try {
          return axios({
              method: apiConstant.getMethod,
              url:
                  apiConstant.urlArchiveConfigDeviceFileID +
                  "/" +
                  deviceId +
                  "/version/" +
                  versionId +
                  "/file/" +
                  fileId +
                  "?processed=true"
          }).then(response =&gt; {
              if (response.data) return response.data;
          });
      } catch (err) {
          toast({
              message: err,
              flavor: "error",
              options: { isHtml: true }
          });
      }
  };
  </code></pre>
  
  <p>This is component where I am calling:</p>
  
  <pre><code>/**
   * Get startup and running config file data and update state
   */
  getConfigArchiveFileIDsData = (deviceId, archiveData) =&gt; {
      try {
          getConfigArchiveFileRawData(
              deviceId,
              archiveData.currentVersionID,
              archiveData.runningFileID
          ).then(data =&gt; {
              const getRunningConfigArchiveFileRawData = data;
              if (getRunningConfigArchiveFileRawData) {
                  getConfigArchiveFileRawData(
                      deviceId,
                      archiveData.previousVersionID,
                      archiveData.startUpFileID
                  ).then(data =&gt; {
                      const getStartupConfigArchiveFileRawData = data;
                      if (getStartupConfigArchiveFileRawData) {
                          this.setState({
                              startupConfigData: getStartupConfigArchiveFileRawData,
                              runningConfigData: getRunningConfigArchiveFileRawData,
                              showLoader: false
                          });
                      }
                  });
              }
          });
      } catch (err) {
          toast({
              message: err,
              flavor: "error",
              options: { isHtml: true }
          });
      }
  };
  </code></pre>
  
  <p>This issue is only coming when the file size is more, for example 4.5 MB file with 100 000 lines,
  We get the processed raw file from api and then we pas these files to some component to evaluate.</p>
  
  <p><strong>Update</strong></p>
  
  <p>Getting this error also in console:</p>
  
  <blockquote>
    <p>unstable_flushDiscreteUpdates: Cannot flush updates when React is already rendering.</p>
  </blockquote>