[core] Unstable_ClassNameGenerator (mui v6) didn't transform DataGrid classes

[kzimins-arvatosystems]

Steps to reproduce

Link to live example mui v5 (working): codesandbox

Steps:

1. Check classes of Button and DataGrid
2. Everything transformed (has toto- prefix)

Link to live example mui v6 (broken): codesandbox

Steps:

1. Check classes of button and datagrid
2. DataGrid classes not transformed, only Button class transformed

Expected behavior

DataGrid classes must be transformed

Your environment

npx @mui/envinfo

Happens in any browser

System:
    OS: Linux 5.15 Ubuntu 22.04.4 LTS 22.04.4 LTS (Jammy Jellyfish)
  Binaries:
    Node: 20.17.0 - ~/.nvm/versions/node/v20.17.0/bin/node
    npm: 10.8.2 - ~/.nvm/versions/node/v20.17.0/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: Not Found

Search keywords: datagrid, Unstable_ClassNameGenerator, generator, className
Order ID: 80084

Search keywords:

[michelengelen]

Hey @siriwatknp ... could you check this? This should work from what I can see, but it clearly does not.

[siriwatknp]

@michelengelen The root cause is likely comes from missing v6 of @mui/utils in the DataGrid dependencies:

- "@mui/utils": "^5.16.6",
+ "@mui/utils": "^5.16.6 || ^6.0.0",

I am transferring this issue back to mui-x and will open a PR to fix it.

[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

@kzimins-arvatosystems 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.