[data grid] Server tree data checkboxSelection style init

[wang97111]

Steps to reproduce

https://codesandbox.io/p/sandbox/sweet-shirley-gt5xtc?file=%2Fsrc%2FDemo.js%3A70%2C25

Steps:

1. Server-side tree data Grid (checkboxSelection true configuration) init
2. checkbox shows the selected style

Here's a picture with effect:

Current behavior

checkbox shows the selected style

Expected behavior

Checkbox shows unchecked style

Initialization is like this：

Context

I'm sorry for asking such a rude question. I'm not sure if this is a style issue or a design issue.
Or how can I modify this part?

After initialization, I confirmed that rowSelectionModel is empty and the checkbox is displayed as selected. Will it mislead the user that a row has been selected?

Your environment

npx @mui/envinfo

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

Search keywords: Server-side tree data, checkboxSelection

[MBilalShafi]

Thanks @wang97111 for reporting the issue, it indeed is an issue when there are no children for a particular group node.
Raised a fix: #14956

[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

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