title: Getting TypeError: Failed to fetch
body: <p>I can't fetch data and don't know what am doing wrong. If I paste link in browser I get response fine, so the api key is good. Format is in xml so I also converted it, as you can see down below. And in 'Response Headers' I get status 200 OK.</p>
  
  <pre><code>import React, { useEffect } from 'react'
  
  function Api() {
  
      useEffect(() =&gt; {
          fetch("https://www.goodreads.com/author/list/18541?format=xml&amp;key=TftQypHkudfH0VZcukEWtg")
              .then(res =&gt; res.text())
              .then(data =&gt; {
                  let parser = new DOMParser()
                  let xmlDoc = parser.parseFromString(data, 'text/xml')
                  console.log(xmlDoc)
              })
              .catch(err =&gt; console.log(err));
      }, [])
  
      return (
          &lt;div&gt;&lt;/div&gt;
      )
  }
  
  export default Api
  </code></pre>
  
  <p>Here is snippet
  <a href="https://i.stack.imgur.com/YCorf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YCorf.png" alt="enter image description here"></a></p>
  
  <p>EDIT</p>
  
  <p><a href="https://i.stack.imgur.com/34Zp9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/34Zp9.png" alt="enter image description here"></a></p>