react-select looses focused item if options are change on render

Hello,

I bumped into the issue about focusing selected item. It doesn't work in my scenario because items in options can be recalculated from time to time so they loose reference to them.

As I can see react-select uses indexOf(selectValue[0]) a lot to determine next focus index. So it returns -1 in my case because reference to options changes.

Shouldn't it look for options using values instead? This way it will keep working even after reference was changed, e.g it could look like:

const selectedIndex = focusableOptions.findIndex((opt) => opt.value === selectValue[0].value);

What do you think?

Here you can find reproducible example https://codesandbox.io/s/react-codesandboxer-example-forked-frgdg2?file=/example.js

Thank you

react-select: 5.3.2
react: 16.14

Originally posted by @MikeYermolayev in https://github.com/JedWatson/react-select/discussions/5232

Start with the linked CodeSandbox reproduction and search the react-select source for the indexOf(selectValue[0]) focus calculations described in the issue. Confirm the behavior when options are recreated on render, then verify that focus still identifies the selected option by value rather than object reference.