[Menu] MenuListProps 'component' prop typescript error when used within Menu component

[MantasSutkevicius]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

When using Menu component, I want to change the list component HTML element to be a nav instead of default ul.

I can achieve this by providing Menu component with:

MenuListProps={{
  component: 'nav',
}}

This works as expected and it changes the HTML element to nav, but I get this typescript error saying that 'component' prop does not exist. I could just suppress this error with @ts-ignore but I'd like to avoid that.

Expected behavior 🤔

No response

Steps to reproduce 🕹

No response

Context 🔦

No response

Your environment 🌎

No response

[ZeeshanTamboli]

Although a different component but it's related to #27703 and #32392. PR was opened for it in #32404 but did not went ahead with the solution.

More details in #32404 (comment) for the root problem.