[data grid] Rows glitching when scrolling on React 17

[Simencas]

Steps to reproduce

I don't have time to create repro for this, look at the video. The rows are jumping up and down while scrolling. The entire grid becomes blank when you scroll to bottom and then back up.

This started happening after 8.9.2, so I assume this is the culprit: #18275

The issue goes away when disabling virtualization.

Chrome:

Screen.Recording.2025-08-09.at.13.05.53.mov

Current behavior

No response

Expected behavior

No response

Context

No response

Your environment

npx @mui/envinfo

  Browsers: Chrome and Firefox
  System:
    OS: macOS 15.5
  Binaries:
    Node: 22.15.0 - ~/.nvm/versions/node/v22.15.0/bin/node
    npm: 10.9.2 - ~/.nvm/versions/node/v22.15.0/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: 138.0.7204.184
    Edge: Not Found
    Safari: 18.5
  npmPackages:
    @emotion/react: ^11.9.0 => 11.13.3 
    @emotion/styled: ^11.8.1 => 11.13.0 
    @mui/base: 5.0.0-beta.40 => 5.0.0-beta.40 
    @mui/core-downloads-tracker:  5.17.1 
    @mui/icons-material: ^5.17.1 => 5.17.1 
    @mui/material: ^5.17.1 => 5.17.1 
    @mui/private-theming:  5.17.1 
    @mui/styled-engine:  5.16.14 
    @mui/styles: ^5.17.1 => 5.17.1 
    @mui/system: ^5.17.1 => 5.17.1 
    @mui/types:  7.2.24 
    @mui/utils:  7.2.0 
    @mui/x-data-grid:  8.10.0 
    @mui/x-data-grid-premium: ^8.10.0 => 8.10.0 
    @mui/x-data-grid-pro:  8.10.0 
    @mui/x-date-pickers:  7.29.2 
    @mui/x-date-pickers-pro: ^7.29.2 => 7.29.2 
    @mui/x-internals:  8.10.0 
    @mui/x-license: ^7.21.0 => 7.21.0 
    @mui/x-telemetry:  8.5.3 
    @mui/x-tree-view: ^6.17.0 => 6.17.0 
    @mui/x-virtualizer:  0.1.1 
    @types/react: ^17.0.83 => 17.0.85 
    react: 17.0.1 => 17.0.1 
    react-dom: 17.0.1 => 17.0.1 
    typescript: ~5.4.0 => 5.4.5

Search keywords: Virtualization scroll glitch

Order ID: 98383

[romgrk]

Subscribe to #19017 to follow this issue.

[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

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

[Simencas]

I'm not able to reproduce directly on the Mui demos, but it happens when running the demos inside our project. The cells render on a different row for a split second while scrolling.

Screen.Recording.2025-08-10.at.22.32.35.mov

[romgrk]

That recording looks pretty similar to what I see on firefox/linux with those demos, let's see if solving that bug affects this one.