​

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&value.height

});