Arrows Navigation and Bad Performance with React-Select.

[JanderSilv]

Thanks for this awesome package @petyosi.

I'm not getting how to make keyboard arrow navigation work with react-select component.

Other point is, using like 3.000 items with React-Select as well, causes a bad performance of the list scroll. So I don't have sure if the list is really being virtualized.

My Attempt:
https://stackblitz.com/edit/react-ts-ypm48f?file=App.tsx

I found a "solution" at React-Select repository, but only works partially:
https://stackblitz.com/edit/react-ts-bbvmhv?file=MenuList.tsx

Behavior:

React-Select.+.React-Virtuoso.mp4

[petyosi]

I can't say for sure what's the right way to integrate virtuoso in react-select, not familiar with the component. However, the current implementation receives the full list of 3000 react nodes on render - and then on each keystroke. This is further slowed down by the call of Children.toArray done in itemContent.