Composition issues due to `WithWrapperProps`

[brionmario]

Describe the issue:

If we use another composed MUI component in the component prop, typings break with the following error.

Uppon investigation, it was found that extending OverridableComponent with WithWrapperProps; is the culprit.

How to reproduce:

Try to use a composed MUI component in the component pro and access an attribute specific to that component. (elevation is specific to Paper)

ex:

<Button component={Paper} elevation={0} />;

Expected behavior:

Typescript shouldn't complain and intenseness should work.

Additional context :

• Affected Package:
  • [ ] @oxygen-ui/logger
  • [ ] @oxygen-ui/primitives
  • [x] @oxygen-ui/react
  • [ ] @oxygen-ui/react-icons
• Library Version: [e.g., 1.10.0, 2.0.0-alpha]
• OS:
  • [ ] Windows
  • [ ] Linux
  • [x] Mac
  • [ ] Other
• Browser:
  • [x] Google Chrome
  • [ ] Firefox
  • [ ] Safari
  • [ ] Microsoft Edge
  • [ ] Brave
  • [ ] Opera
  • [ ] Other

[brionmario]

As a temp workaround, we can remove the usage of muiName in the composed components.

I've already raised this concern in an existing MUI discussion: https://github.com/mui/material-ui/issues/32420#issuecomment-2410430433