const asyncAutocomplete = document.querySelector('#async');
const asyncFilter = async (query) => { 
  const url = `https://swapi.py4e.com/api/people/?search=${encodeURI(query)}`; 
  const response = await fetch(url); 
  const data = await response.json();

  return data.results;
};

new mdb.Autocomplete(asyncAutocomplete, { 
  filter: asyncFilter, 
  displayValue: (value) => value.name
});