[tree view] Can't use the TreeItem disabled prop in RichTreeView

[2u4u]

Steps to reproduce

Link to live example: (required)

Steps:

1. Create RichTreeView with slots using TreeItem
2. Set TreeItem disabled

Current behavior

TreeItem is not disabled

Expected behavior

TreeItem is disabled

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: RichTreeView, TreeItem

[michelengelen]

I am not 100% sure about the interals, but what I could see from the code is that the disabled prop is being handled by the internal tree view state and overriding it like this might not be possible.
@flaviendelangle could you shed some light here?

[flaviendelangle]

You should use the isItemDisabled prop to disable items with RichTreeView
See this doc section for reference.

The goal of the RIchTreeView is to define the items and their state at the tree view level instead of the tree item level.

The TreeItem being shared between the SimpleTreeView and the RichTreeView components, it has a disabled prop which is indeed not used by the RichTreeView, this is a typing limitation I don't think we can avoid.

[github-actions]

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@2u4u: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.