Material Ui Autocomplete - Filtering options is not working as expected

I have Autocomplete where I pass an array of fetched and predefined options...

When I type e.g. "Diestsestraat Leuven" it doesn't display any options, but when I console.log it I see array of options. enter image description here

But then it doesn't filter out predefined options (see screenshot)

enter image description here

Any suggestions?


  • In my case, I tried adding key to renderOption solutions. Reference: here

              renderOption={(props, item) => (
                      <li {...props} key={item.key}>