Fuzzy Search does not search under Groups

As the title suggests, it does not. Per with example below, when I type “Display” to the search bar, it returns “Not found”. It does, however, search group value fields.

To Reproduce

const options = [
	{
		type: "group",
		name: "Sans",
		value: "sans",
		items: [
			{ name: "Display", value: "Display" },
			{ name: "Helvetica", value: "Helvetica" },
			{ name: "Playfair Display", value: "Playfair Display" }
		],
	},
	{
		type: "group",
		name: "Serif",
		value: "serif",
		items: [
			{ name: "Hallelujah", value: "Hallelujah" },
			{ name: "Gloria Hallelujah", value: "Gloria Hallelujah" },
			{ name: "VT323", value: "VT323" }
		],
	},
];

const [selectedFonts, setSelectedFonts] = useState<string[]>([]);

<SelectSearch
	options={options} 
	search={true}
	filterOptions={fuzzySearch}
	emptyMessage="Not found"
	multiple={true}
	closeOnSelect={false}
	printOptions="on-focus"
	placeholder="Choose Fonts"
	onChange={setSelectedFonts as any} 
/>

Expected behavior Search should also search under the group items.

Screenshots Before search: After search:

Desktop:

• OS: Windows 10
• Browser: Firefox
• Version: 87.0

Additional context Add any other context about the problem here.

[tbleckert]

@icaroscherma Sweet work around!

And yes @yigitlevent , the built-in function should work with nested items as well. Seems something broke on the latest major release. Will take a look. Thanks for the report, appreciated!

[icaroscherma]

I’ve message @tbleckert this morning once I figured that it might be a good idea to include items.name, items.value, so in future versions you might get away with default fuzzySearch. =)

I’m happy to help. =)