Search input shows wrong value

I’m using the latest release of react-select 3.2.0, look at the screen. Can anybody tell me how this is possible?

I use this props, it’s a grouped select:

defaultValue: null isDisabled: false isMulti: false options: (6) [{…}, {…}, {…}, {…}, {…}, {…}] placeholder: "Alle objecten" isClearable: true value: null

Can someone help me?

[Rall3n]

@dmeij Yes, by default the component searches through both value and label.

If you want to only search through the label you have to use the filterOption prop in conjunction with the createFilter function exposed from the package. This will create a new filter function based on a configuration you provide.

import Select, { createFilter } from 'react-select';

const customFilterOption = createFilter({
    stringify: option => option.label // Default is `${option.label} ${option.value}`
});

/* ... */

<Select
    filterOption={customFilterOption}
 />

[dmeij]

Works, thnx!