[data grid] All grouped rows collapses when rows updating (by state, not by updateRows) #13064
Description
Steps to reproduce
Link to live example: code sandbox
Steps:
- Expand one or more of the groups.
- Click on one of the buttons - update row, update rows, delete row or add row.
- All the groups collapses.
Current behavior
All groups collapses after the rows state changed.
Expected behavior
Groups expansion won't be effected by the rows change.
Context
We update the table rows with fresh data every one minute in our application (It's include coins prices data which require often refresh).
After every refresh all the groups collapses automatically, which make unpleasant user experience.
Your environment
npx @mui/envinfo
System:
OS: macOS 14.4.1
Binaries:
Node: 18.16.0 - /usr/local/bin/node
npm: 9.5.1 - /usr/local/bin/npm
pnpm: Not Found
Browsers:
Chrome: 124.0.6367.119
Edge: Not Found
Safari: 17.4.1
npmPackages:
@emotion/react: ^11.11.4 => 11.11.4
@emotion/styled: ^11.11.0 => 11.11.0
@mui/base: 5.0.0-beta.28
@mui/core-downloads-tracker: 5.15.14
@mui/lab: ^5.0.0-alpha.127 => 5.0.0-alpha.157
@mui/material: ^5.15.14 => 5.15.14
@mui/private-theming: 5.15.14
@mui/styled-engine: 5.15.14
@mui/system: 5.15.14
@mui/types: 7.2.14
@mui/utils: 5.15.14
@mui/x-data-grid: 6.19.11
@mui/x-data-grid-premium: ^6.19.11 => 6.19.11
@mui/x-data-grid-pro: 6.19.11
@mui/x-date-pickers: ^6.10.2 => 6.18.5
@mui/x-date-pickers-pro: ^6.18.0 => 6.18.5
@mui/x-license-pro: 6.10.2
@types/react: 18.2.45
react: ^18.2.0 => 18.2.0
react-dom: ^18.2.0 => 18.2.0
typescript: ^4.9.5 => 4.9.5
Search keywords: expansion, grouping
Order ID: 66471 + 90144