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
  • @oxygen-ui/react
  • @oxygen-ui/react-icons
• Library Version: [e.g., 1.10.0, 2.0.0-alpha]
• OS:
  • Windows
  • Linux
  • Mac
  • Other
• Browser:
  • 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: mui/material-ui#32420 (comment)