OverridableComponent usage with ModalTypeMap causes some issues

[brionmario]

Describe the issue:

OverridableComponent usage with ModalTypeMap causes the following issue.

Menu component with the OverridableComponent usage:

const Menu: OverridableComponent<ModalTypeMap<ModalTypeMap['defaultComponent'], MenuProps>> & WithWrapperProps =
  forwardRef(
    <C extends ElementType = ElementType>(
      {className, ...rest}: MenuProps<C>,
      ref: Ref<HTMLDivElement>,
    ): ReactElement => {
      const classes: string = clsx('oxygen-menu', className);

      return <MuiMenu ref={ref} className={classes} {...rest} />;
    },
  ) as OverridableComponent<ModalTypeMap<ModalTypeMap['defaultComponent'], MenuProps>> & WithWrapperProps;

❌ Error:

How to reproduce:

• Use the OverridableComponent with ModalTypeMap

Expected behavior:

Typescript shouldn't complain

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

Optional Fields

Related issues:

• Polymorphic component overrides doesn't seem to work with TypeScript #282