Blueprint: 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.