TreeItem ContentComponent custom props

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Custom props are not possible in typescript currently.

Expected Behavior 🤔

Type should be more open: ContentProps?: React.HTMLAttributes<HTMLElement>;

Steps to Reproduce 🕹

• Use typescript
• Create custom ContentComponent with additional custom prop
• Try to pass custom prop via ContentProps

Context 🔦

I’m trying to use Link instead of handleSelection callback to use native browser navigation. Sounds this legit?

[vaimeo]

I found the way as mentioned on following document: https://github.com/mui/material-ui/blob/512896973499adbbda057e7f3685d1b23cc02de9/docs/src/components/productX/XTreeViewDemo.tsx

Step1 Add custom property along TreeItemContentProps on custom component create

 const CustomContentChildContent = React.forwardRef(function CustomContent(
        props: TreeItemContentProps & { myCustomData?: string },
        ref,
    )

Step2 Add custom property to with TreeItemProps

const CustomTreeItemChild = (
  props: TreeItemProps & {
    ContentProps?: { myCustomData?: string };
  },
) => <StyledTreeItem ContentComponent={CustomContentChildContent} {...props} />;

Step3

Add property in the component you are calling <CustomTreeItemChild nodeId="3" label={item.name} ContentProps={{ myCustomData: 'anything-i-can-pass' }} />

[vaimeo]

Any working snippet here?