'MUI Selection of an Object (MUI: You have provided an out-of-range value)

I want to set a MUI Selection for a list of objects ([{name: "", id: "" }]).

The selection list should show the name and id of the object and the selected value should only show the name. The most important part is that I want to return the selected object with id and name in the onChange-handler.

I basically already got the solution what I want to have, but I can't get rid of the "You have provided an out-of-range value..." warnings. Is there a way to solve this or should I just ignore/disable this warnings?

A codesandbox-example of the component is found here



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source