title: fetch is not defined when access another file
body: <p>I' trying to use fetch to access data in other file but it keeps return</p>
  <pre><code>ReferenceError: fetch is not defined
  </code></pre>
  <pre><code>      const getData = async () =&gt; {
        const fetchedData = await fetch(&quot;./dino.json&quot;);
        const data = await fetchedData.json();
        return data.Dinos;
      };
      getData().then(data =&gt; {
        console.log(data); // will print the array
      }).catch(error =&gt; {
        console.error(error);
      });
  </code></pre>
  <p>I am looking at this <a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch" rel="nofollow noreferrer">fetch API</a> but it did not specify that if we need install anything</p>