title: Am I correctly creating in JavaScript a Blob object for .createObjectURL use?
body: <p>I am trying to take the response, which is fetched from a <code>.png</code> file, and prep it for placement as an image in the DOM using simple JS. But...</p>
  
  <pre><code>ready().then(() =&gt; {
    fetch(`/images/logo.png`)
    .then(response =&gt;{
      if (response) {
        let imageBlob = response.blob();
        let objectURL = URL.createObjectURL(imageBlob);
  ...
  </code></pre>
  
  <p>is giving me...</p>
  
  <pre><code>Uncaught (in promise) TypeError: Failed to execute 'createObjectURL' on 'URL': No function was found that matched the signature provided.
      at fetch.then.response (fetchImage.js:6)
      at &lt;anonymous&gt;
  fetch.then.response       @ fetchImage.js:6
  Promise resolved (async)
  ready.then                @ fetchImage.js:3
  Promise resolved (async)
  (anonymous)               @ fetchImage.js:1
  </code></pre>
  
  <p>If I throw in a <code>console.log(response)</code>, I can see that I am getting the full response.
  And that <code>console.log(imageBlob)</code> will return <code>Promise {&lt;resolved&gt;: Blob(3737)}</code>.
  So where am I going awry?</p>