JS Requests - Wanderlust - step 28 - venueIcon doesn't log

In the (Wanderlust) project we define a venueIcon constant, which i then try to log to the console, but nothing shows up. The venues constant that the venueIcon is based on seems to work fine. Anyone knows why? I’m guessing it might have to do with having to call the function, but I don’t know what the argument would be.

I don’t understand this venueIcon at all.

const getVenues = async () => {
  const city = $input.val();
  const urlToFetch = `${url}${city}&limit=10&client_id=${clientId}&client_secret=${clientSecret}&v=20200625`;
  try {
    const response = await fetch(urlToFetch);
    if (response.ok) {
      // console.log(response);
      const jsonResponse = await response.json();
      // console.log(jsonResponse);
      const venues = jsonResponse.response.groups[0].items.map(parameter => parameter.venue);
      console.log(venues);
      return venues;
    }
    
  }
  catch(error) {
    console.log(error);
  };
}

// Render functions
const renderVenues = (venues) => {
  $venueDivs.forEach(($venue, index) => {
    const venue = venues[index];
    const venueIcon = venue.categories[0].icon;
    console.log(venueIcon);
    let venueContent = '';
    $venue.append(venueContent);
  });
  $destination.append(`<h2>${venues[0].location.city}</h2>`);
}

I have the same problem too!
This is what I received in the console:

Uncaught (in promise) TypeError: Cannot read property ‘categories’ of undefined
at main.js:56
at Array.forEach ()
at renderVenues (main.js:53)
at main.js:75
(anonymous) @ main.js:56
renderVenues @ main.js:53
(anonymous) @ main.js:75
Promise.then (async)
executeSearch @ main.js:75
dispatch @ jquery-3.2.1.min.js:3
q.handle @ jquery-3.2.1.min.js:3

It seems like the venueIcon doesn’t work in this way. I tried to figure out how to solve it with documentation without solving it.

Can anyone help?

Im having the same issue any luck on finding a solution?