title: React select remove selected option on search
body: <p>is there a way to always show the selected option on the menu even after searching for some thing else</p>
  <p>here is the code I used</p>
  <pre><code>import React from &quot;react&quot;;
  import Select from &quot;react-select/async&quot;;
  const CheckboxDropdown = ({
    options,
    defaultValue,
    loadOptions,
    handleCheckboxSelect,
  }) =&gt; {
    const selectDefaultValue = defaultValue;
    
    return (
      &lt;div className=&quot;flex&quot;&gt;
        &lt;Select
          defaultMenuIsOpen
          defaultOptions={options}
          cacheOptions
          loadOptions={loadOptions}
          options={options}
          defaultValue={defaultValue}
          isMulti
          onChange={handleCheckboxSelect}
          noOptionsMessage={() =&gt; &quot;No options available&quot;}
          className=&quot;w-full&quot;
          isClearable={false}
          placeholder=&quot;Type site name...&quot;
        /&gt;
      &lt;/div&gt;
    );
  };
  export default CheckboxDropdown;
  
  </code></pre>