Fetch is not working as expected (2023)

[rd3ka]

PROBLEMS WITH FETCH

Below is your implementation of fetch -

fetch("questions.json")
  .then((response) => response.json())
  .then((data) => {
    questions = data;
    console.log(questions);
    start();  //<--problem
  })
  .catch((err) => {
    console.log(err);
  });

This piece of code returns an array of empty objects when start() is being called from then, image shown below

If start() function is not called from then it magically somehow works, image shown below:

P.S: I happen to be learning, javascript and web development in general and that is why I came across this playlist. So I cannot progress further to complete this app as I am stuck here.
Request you to provide a workaround as soon as possible :-)

[rd3ka]

Turns out the function MAX_QUESTIONS should be initialized have some value inside the then. this will fix. Code below:

fetch("questions.json")
  .then((response) => response.json())
  .then((data) => {
    questions = data;
    MAX_QUESTIONS = questions.length;
    start();
  })
  .catch((err) => {
    console.log(err);
  });

Closing this issue with the above solution.