Async component update options in weird way

onChange method

  onChange(selected) {
    this.setState({ selected });
  }

load more options - data.data contains proper array

  loadOptions(query, callback) {
    Axios.get('/suggestions', { params: { query } })
      .then(({ data }) => ({ options: data.data }))
      .then(suggestions => callback(null, suggestions));
  }

Async component

<Select.Async
            multi
            autoload
            cache={false}
            ignoreAccents={false}
            ignoreCase={false}
            value={selected}
            clearable={false}
            loadOptions={this.loadOptions}
            onChange={this.onChange}
            valueRenderer={d => <SuggestionOption data={d} />}
            optionRenderer={d => <SuggestionOption data={d} />}
          />

I typed first two letters and i’m getting results

i typed another one and results gone

moreover sometimes results are not showing at all, even REST api return array with suggestions

[MartijnHols]

I got it to work with filterOptions={options => options}.

[brianedelman]

+1 for this still being an issue