Default displayed currency in price range filter is actually not really the default

[NicolasMahe]

On the explore page or the collection page, when I open the "price range" filter component, a currency is displayed as selected (bold) but when I directly input the min price, I can see the filter is not properly apply. The URL does not contain the currency so the filter is not applied.
If I select the currency, then the filter is correctly applied.
Also the default selected currency seems to be random, it's not the first one.

Screen.Recording.2024-01-25.at.11.56.30.mov

A simple solution could be to add a first item in the select input when currency is not select like "Select a currency". Otherwise find a way to properly select the first currency by default.

---

As a comparaison, a similar select input on the bid page doesn't have this issue. The first currency displayed is properly and selected as default.

[NicolasMahe]

It seems like the components/Select/Select.tsx is not working well when the value is an object rather than a string.

starter-kit/components/Select/Select.tsx

Lines 65 to 67 in 2f5e3bc

	const selectedChoice = useMemo(
	() => choices.find((x) => x.value === value),
	[choices, value],

The comparaison x.value === value is not going to work on object or array.