TypeError: Cannot read property 'map' of undefined

const astrosUrl = 'http://api.open-notify.org/astros.json';
const wikiUrl = 'https://en.wikipedia.org/api/rest_v1/page/summary/';
const peopleList = document.getElementById('people');
const btn = document.querySelector('button');

function getJSON(url) {
  return new Promise((resolve, reject ) => { //Creating a new Promise

  const xhr = new XMLHttpRequest(); //New http xml request
  xhr.open('GET', url); //gets url
  xhr.onload = () => { //when receiving file
    if(xhr.status === 200) {
      let data = JSON.parse(xhr.responseText);
      resolve(data);
    }

    else {
      reject( Error(xhr.statusText));

    }
  };

  xhr.onerror = () => reject( Error("Network error!")); //if there is an issue with http request due to network issue
  xhr.send();



  });

}



function getProfiles(json) {
  const profiles = json.people.map( person => { //The reason they are written this way is due to the name in wikipedia normally this is not needed the current astros.json takes the name written as 

    if ( person.name === "Andrew Morgan" ) { //here
        person.name = "Andrew_R._Morgan";
    }

    if ( person.name === "Anatoly Ivanishin" ){
      person.name = "Anatoli_Ivanishin"; //wiki as it as so
    }

    if ( person.name === "Chris Cassidy" ){
      person.name = "Christopher_Cassidy";
    }

    return getJSON( wikiUrl + person.name );



  });

  console.log(Promise.all(profiles));
}




function generateHTML(data) {
  data.map(astroguy => {
  const section = document.createElement('section');
  peopleList.appendChild(section);
  section.innerHTML = `
    <img src=${astroguy.thumbnail.source}>
    <h2>${astroguy.title}</h2>
    <p>${astroguy.description}</p>
    <p>${astroguy.extract}</p>
  `;
});
}




btn.addEventListener('click', (event) => {
  getJSON(astrosUrl)
  .then(getProfiles) //fetches the profiles
  .then(generateHTML) //print data to the console
  .catch( err => console.log(err)); //catches any error 
  event.target.remove();
});