[TreeView] Hydration error from 7.19.0 onwards

[gurkerl83]

Steps to reproduce

Will not provide

Current behavior

The Tree and TreeItem components function as expected up until version @mui/x-tree-view: 7.18.0.

After some investigation, it appears that starting with version 7.19.0, the Tree component now requires a mandatory id attribute for each instance. If this attribute is not supplied, a hydration error occurs. In previous versions, this issue did not arise.

Additionally, we are not using version 2 of the Tree and TreeItem components, which were recently refactored, so we cannot confirm whether this behavior is consistent in those versions.

To avoid confusion, we should update our documentation to reflect this requirement or consider fixing the issue to prevent users from having to investigate the code themselves.

Expected behavior

No response

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: No duplicate found

[flaviendelangle]

I can reproduce it, the default id applied differs between server and client due to the double re-rendering in dev mode on client...
It seems to be fixed by #14210, I'll extrated the required changes

[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.

Note

@gurkerl83 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.