feature: async filterOptions

[harshzalavadiya]

Hey there! I wanted to piggy-back this question and ask about hooking into the search functionality. When a user updates their search query, I'd like to hit the API and update the dropdown options accordingly. Is there a way to do this?

I'm currently trying to hack around the filterOptions as that seems to be the only place where the search filter gets exposed, but maybe I'm just missing it.

Originally posted by @scarow in #268 (comment)

Update, I figured out how to make the API calls:

// inside react component
const [filter, setFilter] = useState('');

useEffect(() => {
    if (apiFilterFunction) {
      // call API with filter
      apiFilterFunction({ query: filter });
    }
}, [filter])

const filterOptions = (options: DropdownOption[], filter: string) => {
    if (!filter) {
      return options;
    }

    // use hook to update filter
    setFilter(filter);

    const re = new RegExp(filter, "i");
    return options.filter(({ label }) => label && label.match(re));
}

however, I am getting an error in the js console:

Warning: Cannot update a component (`Dropdown`) while rendering a different component (`SelectPanel`). To locate the bad setState() call inside `SelectPanel`, follow the stack trace as described in https://fb.me/setstate-in-render
    in SelectPanel (created by Dropdown)
    in div (created by Dropdown)
    in div (created by Dropdown)
    in div (created by Dropdown)
    in Dropdown (created by MultiSelect)
    in div (created by MultiSelect)
    in MultiSelectProvider (created by MultiSelect)
    in MultiSelect (at Dropdown/index.tsx:53)
    in div (at Dropdown/index.tsx:51)

I'm worried that I won't be able to update the dropdown with new options while it's still open without triggering this error!

Originally posted by @scarow in #268 (comment)

[scarow]

Woah you are FAST!! Thanks so much; I'm launching my start up in the next few weeks and this is a life-saver :)

[harshzalavadiya]

@scarow released v3.1.5

and congratulations and best of luck on your startup 🎉