data.map is not a function

The generateOptions function expects the argument for its data parameter to be an array. So on line 15 it looks like data.message is returning an object which looks something like {affenpinscher: [], african: [], ...}. You are getting the error since there is not a map function on objects. However there is a way to get all the keys, values, or both in an array. I'm assuming you want the keys in an array. For that we can use the keys function in the mama Object like so: Object.keys(data.message). This will return an array that looks something like `["affenspinscher", "african", ...]. Now your generateOptions function should work as expected.

I don't have access to the video, but maybe this dog API changed since it was recorded.

I haven't done this track, but the data being passed in is an object so something like this would work.

function generateOptions(data) {
  let options = "<option></option>";
  for (const property in data) {
    data[property].map(breed => {
     options = options + `<option value='${breed}'>${breed}</option>`
    }
   );
  }
  select.innerHTML = options;
}

Uses a for in loop to loop through the object keys and then map each key creating an option element and concats to the options variable.