title: request failed with status code 403(forbidden) in axios.get
body: <p>i am building a simple lyrics finder app using react.js and using musixmatch api. when i request the api i get this error in console<code>Error: Request failed with status code 403 at createError (createError.js:16) at settle (settle.js:17) at XMLHttpRequest.handleLoad (xhr.js:62)</code></p>
  <p>this is my componentDidMount() function</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>import React, { Component } from 'react';
  import axios from 'axios';
  
  const Context = React.createContext();
  
  export class Provider extends Component {
      state = {
          track_list: [],
          heading: "Top 10 Tracks"
      }
  
      componentDidMount() {
          axios.get(
              `https://cors-anywhere.herokuapp.com/https://api.musixmatch.com/ws/1.1/chart.tracks.get?chart_name=top&amp;page=1&amp;page_size=5&amp;country=it&amp;f_has_lyrics=1&amp;apikey=${
                  process.env.REACT_APP_MM_KEY}`
          )
              .then(res =&gt; console.log(res.data))
              .catch(err =&gt; console.log(err));
      }
  
      render() {
          return (
              &lt;Context.Provider value={this.state} &gt;
                  {this.props.children}
              &lt;/Context.Provider&gt;
          );
      }
  }
  
  export const Consumer = Context.Consumer;</code></pre>
  </div>
  </div>
  </p>