useRefinementList hook multiple filters are ignored

[tadinski]

Does the useRefinementList's refine() function accept multiple filters?

In my multiselect component I do the following

onChange={(n) => {
 n != null && n.length > 0 ? n.forEach((m) => refine(m)) : clearRefine();
}}

I do notice that sometimes the hook properly accepts multiple filters as can be observed from the query:

But most of the time I either get multiple requests with a single filter applied or filters are being ignored altogether.

Am I applying refine() function properly?

[tadinski]

Answering my own question here.

refine function works differently than how I understood it did at first.
It can only accept one attribute at a time. To apply multiple attributes, you have to pass OR operator property to useRefinementList hook.

Here's an example
https://codesandbox.io/s/hooks-example-kjsnn?file=/components/RefinementList.tsx