Select does not display options initially when filterOption prop is specified

Version 3.2.0 seemed to introduce an issue where options are not displayed when there is not input value and the filterOption prop is present. This worked fine in version 3.1.1

Working example https://codesandbox.io/s/311-working-301yt

Nonworking example https://codesandbox.io/s/320-not-working-ibgc7?file=/example.js:389-445

To reproduce, click the select in both examples and notice that options are only displayed in the 3.1.1 example. Options are however rendered when there is an input present in the 3.2.0 example.

Thanks!

[ebonow]

Greetings,

Thanks for the find @h3rmanj !

Some next steps I think to put around this:

1. Memo the buildCategorizedOptions is a good first step
2. There should be a feature request added so that maxOptions can be specified in the filterOptions and/or the filterOptions function exposes an index to allow the user this ability.

Thoughts?

[h3rmanj]

After some debugging, I’ve found that it’s this change that broke it. https://github.com/JedWatson/react-select/pull/3990 Specifically the equality check on selectValue. I’ll try to throw in a PR. Edit: Nevermind, the code has changed too much from this. The reason it doesn’t work anymore is bc buildCategorizedOptions is called multiple times per render, meaning filterOptions get called 2-5 times per option. Maybe it should be memoized?