title: async fetch - SyntaxError: Unexpected token < in JSON at position 0
body: <p>I'm trying to make a ReactJS app that utilizes the <a href="https://developer.spotify.com/web-api/authorization-guide/#implicit_grant_flow" rel="nofollow noreferrer"><em>Spotify</em> API</a>, but I keep receiving this error:</p>
  
  <p><a href="https://i.stack.imgur.com/f008W.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/f008W.jpg" alt="enter image description here"></a></p>
  
  <pre><code>const client_id = ''; //hidden
  const redirect_uri = 'http://localhost:3000/'
  let accessToken;
  
  const Spotify = {
      async getAccessToken(){
          if (accessToken){
              return accessToken;
          }
  
          try{
              let response = await fetch(`https://cors-anywhere.herokuapp.com/https://accounts.spotify.com/authorize?client_id=${client_id}&amp;response_type=token&amp;redirect_uri=${redirect_uri}`);
              if (response.ok){
                  let jsonResponse = await response.json();
                  console.log(jsonResponse);
              }
          }catch (e){
              console.log(e);
          }
      }
  }
  
  export default Spotify;
  </code></pre>
  
  <p>I've read around and I hear this is a <em>server-side</em> issue? If so, is there a work-around it? By the way I am using this <code>https://cors-anywhere.herokuapp.com/</code> to prevent the CORS error. </p>
  
  <p>Thanks for any help. I'll keep working on it. If I find anything, I'll post up the solution right away!</p>