Material-ui: Material Ui Select with many items performance

[bife1]

I'm implementing a Select component with Material-UI.
It uses essentially a Menu and MenuItems components to render the dropdown list.

It works perfectly but tends to be extremely slow when dealing with more than 50 children with icons etc...

I'm wondering if react-infinite is suitable for my usecase because i met a no-go problem:
when user clicks on one item, its id is bubbled up the component tree to the Menu which exposes a clickHandler prop with this id.

If i insert between

and s, the performance gain is noticeable, but click events are stopped by Infinite .... Menu's clickhandler doesnot react at all.

I didnot find any example about dealing with event handler with Infinite, is it even possible ?

[support[bot]]

👋 Thanks for using Material-UI!

We use the issue tracker exclusively for bug reports and feature requests, however,
this issue appears to be a support request or question. Please ask on StackOverflow where the
community will do their best to help. There is a "material-ui" tag that you can use to tag your
question.

If you would like to link from here to your question on SO, it will help others find it.
If your issues is confirmed as a bug, you are welcome to reopen the issue using the issue template.

[jamesdixon]

Seems like this would be a support issue since it's related to performance of the component, no?