title: Query returning an empty array with 200 response
body: <p>I'm not quite sure what I have done wrong here but I am trying to pull data from an api on firebase to fill a table. When I console log 'response' I can see it comes in with a 200 status response, but 'responseData' is a null value and no data is being passed to my table. I also console logged 'loadedScores' which remained as an empty array both before and after the request.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>useEffect(() =&gt; {
          const fetchScores = async () =&gt; {
              const response = await fetch(
                  'https://**************.com/HighScores.json'
              );
              if (!response.ok) {
                  throw new Error("Something went wrong!");
              }
              
              const responseData = await response.json();
              const loadedScores = [];
  
              for(const key in responseData) {
                  loadedScores.push({
                      id: key,
                      name: responseData[key].name,
                      score: responseData[key].score,
                      rank: responseData[key].rank,
                  }) 
              }
              setScores(loadedScores)
              setIsLoading(false);
              console.log(responseData, 'loaded')
              console.log(response, 'response')       
          };
             
          fetchScores().catch((error) =&gt; {
              setIsLoading(false);
              setHttpError(error.message)            
          })
      }, [])
  
  
      if (isLoading) {
          return (
            &lt;section&gt;
              &lt;p&gt;Loading...&lt;/p&gt;
            &lt;/section&gt;
          );
        }
      
        if (httpError) {
          return (
            &lt;section&gt;
              &lt;p&gt;{httpError}&lt;/p&gt;
            &lt;/section&gt;
          );
        }</code></pre>
  </div>
  </div>
  </p>