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!

Alan Omar · Accepted Answer · 2021-01-14 15:12:58Z

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

edited Jan 14, 2021 at 15:12

answered Jan 14, 2021 at 15:02

Alan Omar

4,2771 gold badge13 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

gospecomid12 Over a year ago

Okey, where exactly did in the network tab did you find this?

gospecomid12 Over a year ago

No problem, i found it! Weird that they had "Test endpoints" tab when you cant test it...

Collectives™ on Stack Overflow

Problem fetching data from API in Next.js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related