is there a way to always show the selected option on the menu even after searching for some thing else
here is the code I used
import React from "react";
import Select from "react-select/async";
const CheckboxDropdown = ({
options,
defaultValue,
loadOptions,
handleCheckboxSelect,
}) => {
const selectDefaultValue = defaultValue;
return (
<div className="flex">
<Select
defaultMenuIsOpen
defaultOptions={options}
cacheOptions
loadOptions={loadOptions}
options={options}
defaultValue={defaultValue}
isMulti
onChange={handleCheckboxSelect}
noOptionsMessage={() => "No options available"}
className="w-full"
isClearable={false}
placeholder="Type site name..."
/>
</div>
);
};
export default CheckboxDropdown;
react-select
has a prop called filterOption where you can pass custom filter logic.Check this CodeSandbox link to see my implementation.