title: Callback to Async Await - How to make it?
body: <p>I have code like:</p>
  <pre><code>const myImage = document.querySelector('img');
  
  const myRequest = new Request('flowers.jpg');
  
  fetch(myRequest).then((response) =&gt; {
    console.log(response.type); // returns basic by default
    response.blob().then((myBlob) =&gt; {
      const objectURL = URL.createObjectURL(myBlob);
      myImage.src = objectURL;
    });
  });
  
  </code></pre>
  <p>How can I change it to async await? like</p>
  <pre><code>const myImage = document.querySelector('img');
  
  const myRequest = new Request('flowers.jpg');
  
  const response = await fetch(myRequest)
    console.log(response.type); 
    const blob = await response.blob()
      const objectURL = URL.createObjectURL(blob); -&gt; what am I doing wrong here?
      myImage.src = objectURL;
  
  </code></pre>
  <p>when I try to await response.blob() I get -&gt;</p>
  <pre><code>Argument of type 'Blob' is not assignable to parameter of type 'BlobPart[]'.
    Type 'Blob' is missing the following properties from type 'BlobPart[]': length, pop, push, concat, and 27 more
  </code></pre>