[Select] slotProps overrides entire default props

[giladv]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

<Select MenuProps={{ slotProps: { paper: {} } }}>
   ...
</Select>

Current behavior 😯

dropdown menu width will be the smallest menu item width instead of the Select width.

Expected behavior 🤔

dropdown menu width should be the Select width.

Context 🔦

on a side note, this whole slotsProps, componentProps and then MenuProps(with an uppercase) and other methods are all different depending on the component which is not ideal.
Also, all props overrides should be implemented as a deep merge of objects of this sort of bugs will pop all the time.

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[giladv]

And a workaround for anyone else effected by this:
use this instead

MenuProps={{ PaperProps: { elevation: 1 } }}

[michaldudak]

Thanks for reporting this issue. I've already submitted a fix.

As for API inconsistencies - we are in a transition period where some of the components use the new slotProps API, while others haven't been modified and still have the old MenuProps-style API.
We're working towards unifying it. CC @DiegoAndai

[giladv]

thanks for the quick action!