How to handle returned objects that have different properties

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');

// Make an AJAX request
function getJSON(url, callback) {
  const xhr = new XMLHttpRequest();
  xhr.open('GET', url);
  xhr.onload = () => {
    if(xhr.status === 200) {
      let data = JSON.parse(xhr.responseText);
      callback(data);

    }
  };
  xhr.send();
}

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


function generateHTMLNoThumb(data) {
  const section = document.createElement('section');
  peopleList.appendChild(section);
  section.innerHTML = `
    <h2>${data.title}</h2>
    <p>${data.description}</p>
    <p>${data.extract}</p>
  `;
}



btn.addEventListener('click', (e)=>{
  getJSON(astrosUrl, (json)=>{
    json.people.map(person => {
      if (person.name !== 'Andrew Morgan'){
         getJSON(wikiUrl + person.name, generateHTML);
      } else {
         getJSON(wikiUrl + person.name, generateHTMLNoThumb);
      }
    });
  });
//  e.target.remove();
});


getJSON(wikiUrl + 'Andrew Morgan', (data)=>console.log(data));
getJSON(wikiUrl + 'Jessica Meir', (data)=>console.log(data));

getJSON(astrosUrl, (data)=>console.log(data));