Problem fetching data from API in Next.js

Question

Im trying to fetch some data from the popular Morningstar api. I'm using axios and also using their code example for javascript - axios.

My code looks like this:

const options = { method: 'GET', url: 'https://morningstar1.p.rapidapi.com/dividends', params: {Ticker: 'MSFT', Mic: 'XNAS'}, headers: { accept: 'string', 'x-rapidapi-key': '700c7f0abamsh61a21d67f2579cdp1097e3jsn3fa403041f99', 'x-rapidapi-host': 'morningstar1.p.rapidapi.com' } }; useEffect(() => { axios.request(options).then(function (response) { console.log(response.data); // HERE I LOG THE DATA FROM API }).catch(function (error) { console.error(error); }); }, []) 

And the error i get when i console logs response.data is:

https://gyazo.com/9d8a5defd87088cdeb8bc2823261d60f

Anyone that has a solution to this error? Thank you!

Answer 1

That is because you are not subscribed to this API: when running this code i got:

{"message":"You are not subscribed to this API."}

in the network tab in the dev tool. here is an image