How to have a mix of explicit numeric menu filters and useNumericMenu() hook based filters

[callmekatootie]

Let's say I have two numeric attributes. For one of them, I construct the UI using useNumericMenu().

For the other, I don't have a range. Instead the user can input a single number, and I attempt to fetch records having a value greater than or equal to the entered value. For this one, I figure I can use the numericFilters prop on the <Configure /> component (because useNumericMenu() seems to expect a range).

When I do this, I get an error though:

[Numeric filters] Can't switch from the advanced to the managed API. It is probably an error, if this
is really what you want, you have to first clear the numeric filters.

I find that if I don't use the numericFilters props on the Configure component, this error goes away - I guess it is trying to say that I am using both ways to set the numericFilters (even if they are different attributes) - and they conflict.

Which is ok - but how do I fix it. Do I need to manually track both the numeric filters myself - and set them both through Configure component - or something else? Is there a better way to represent the second numeric attribute - the one without a range...

[Haroenv]

Yes, that's because the whole parameter is considered controlled by the numericMenu widget. I believe you have a couple options:

1. use useNumericMenu to set your custom parameters (you can set a start or an end only, depending on your use case that may work)
2. use useRange if that fits your use case
3. use Configure, but use filters instead of numericFilters

[callmekatootie]

Thank you. I went with option 3 - I had many other refinement lists and numeric filters and range filters and this time they didn't conflict and each were set correctly.

[Haroenv]

yes that totally makes sense. You always can see filters as the "user-settable" parameter, no InstantSearch widget will use it. Note however that it's not merged if you use configure multiple times.