ItemPredicate make onActiveItemChange fired twice and active item isn't the good one

[LoiKos]

Environment

• Package version(s): 3.28.1
• Operating System: Mac OS - latest
• Browser name and version: chrome Version 83.0.4103.106 (Build officiel) (64 bits)

Steps to reproduce

1. Define a Select component with a custom item list render and item render
2. Add itemPredicate function
3. select an item
4. Open the Select back ( active item isn't item selected )

Actual behavior

I don't know why but onActiveItemChange is fired twice when a itemPredicate is defined. First you get the selected item and just after onActiveItemChange is fired with the first item in the list with no reason.

Expected behavior

ActiveItem is the selected item when you open the list after a select.

[LoiKos]

See in live in this code sandbox : https://codesandbox.io/s/strange-lamport-3zowo?file=/src/App.js

Notice that when you add the predicate the selected item isn't active when you re-open the select.

I also let some meaningful console.log that show you why this bug occurs.

[adidahiya]

Can confirm the repro:

[bartzy]

Any update on this issue? I can reproduce it as well.

[taroplus]

resetOnQuery={false}

this worked for me