<div id="MUsername" class="form-outline autocomplete">

  <input type="text" id="form2" class="form-control" />

  <label class="form-label" for="form2">Example label</label>

</div>

​

  const asyncAutocomplete = document.querySelector('#MUsername');

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

    console.log(data)

    return data.results;

​

};

​

new mdb.Autocomplete(asyncAutocomplete, {

  filter: asyncFilter,

  displayValue: (value) => value.name

});