title: fetch request is giving successful response but the data doesn't get fetched
body: <p>I am trying to make a fetch request to localhost:8000/api/cars and when I logged the response.json() it was giving me 200 ok as response but the cars didn't get fetched when I tried to use the response in that syntax:</p>
  <pre><code>   function getRacers() {
      // GET request to `${SERVER}/api/cars`
    return fetch(`${SERVER}/api/cars`)
      .then(response =&gt; {
          // handle the response
          response.json()
      console.log(response.json)
      })
      .catch(error =&gt; {
          // handle the error
          console.log(error)
      }); 
  }
  </code></pre>
  <p>and then I called getRacers</p>
  <pre><code>getRacers()
          .then((racers) =&gt; {
              const html = renderRacerCars(racers)
              renderAt('#racers', html)
          })
  </code></pre>
  <p>and then I got the error after I tried to use racers in renderRacerCars():</p>
  <p>function renderRacerCars(racers) {
  if (!racers.length) {
  return <code>&lt;h4&gt;Loading Racers...&lt;/4&gt;</code>
  }</p>
  <p>I got error that racers is undefined and so we can't get its length, the error is:</p>
  <blockquote>
  <p>Uncaught (in promise) TypeError: Cannot read property 'length' of undefined
  at renderRacerCars (index.js:176)
  at index.js:26</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/Ovvq4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ovvq4.png" alt="enter image description here" /></a></p>