Problem accessing onChange in Smart Select Search

I cannot access the onChange event for the SearchBar in Smart Select

this.onSearchChange wont trigger

Here is my code below

<ListItem
  title="Player"
  smartSelect
  smartSelectParams={{
    openIn: "popup",
    searchbar: {
      onChange: this.onSearchChange
    },
    searchbarPlaceholder: "Search Player"
  }}
>
  <select
    name="player"
    multiple
  >
    <option value="honda">Honda</option>
    <option value="lexus">Lexus</option>
    <option value="mazda">Mazda</option>
    <option value="nissan">Nissan</option>
    <option value="toyota">Toyota</option>
    <option value="audi">Audi</option>
    <option value="bmw">BMW</option>
    <option value="mercedes">Mercedes</option>
    <option value="vw">Volkswagen</option>
    <option value="volvo">Volvo</option>
    <option value="cadillac">Cadillac</option>
    <option value="chrysler">Chrysler</option>
    <option value="dodge">Dodge</option>
    <option value="ford">Ford</option>
  </select>
</ListItem>

There is no such syntax

It should be:

on: {
  change: this.onSearchChange
}
1 Like