title: First Fetch API call cancelled by the second in IE11
body: <p>I have a ReactJS application that works as expected in Chrome, but fails in IE-11.</p>
  <p>The problem is this - we have two drop down lists which are populated from rest services when the page is first loaded. The application is running under SSL. When the page is loaded through IE-11, I get an IE-11 bug issue where the first request call gets cancelled out by the second-the bug is described here:</p>
  <p><a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/1282036/" rel="nofollow noreferrer">https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/1282036/</a></p>
  <p>So, I am just asking the community whether there is a work around for IE-11 or is there away to implement my code sequentially where if the first is complete the second is called:</p>
  <pre><code>export let getMainData = (dtType, url)=&gt; {
      return dispatch=&gt;{
             dispatch(sendGet(dtType));
             const action = (async(url) =&gt; {
                    const response = await fetch(url);
                       let data = await response.json();
                          dispatch(receiveGet(dtType,data));
           });
         action(url);
       };
  };
  </code></pre>
  <p>The code above is common code and is used by others in the React App. So what I am thinking if there is away to have a level of abstraction where the two drop down lists can call sequentially and then call the above underneath, perhaps?</p>