[data grid] Can't perform a React state update on a component that hasn't mounted yet.

[mtr1990]

Steps to reproduce

Open this link to live example:
https://stackblitz.com/edit/github-wpmjdujl?file=src%2Fcomponents%2FProTip.tsx

Current behavior

In next.js 15 + react 19 + "@mui/x-data-grid": "^7.28.1"

Can't perform a React state update on a component that hasn't mounted yet. This indicates that you have a side-effect in your render function that asynchronously later calls tries to update the component. Move this work to useEffect instead.

Expected behavior

No error warning displayed

Context

No response

Your environment

No response

Search keywords: Can't perform a React state update on a component that hasn't mounted yet

[michelengelen]

I am not able to reproduce this. Could you elaborate on how to get this error to show?

[mtr1990]

Hi please check:

[arminmeh]

I see that the error disappears if colorSchemes are commented out from the theme.
@siriwatknp could this be related to the theme changes in mui/material-ui#45386?

[siriwatknp]

I see that the error disappears if colorSchemes are commented out from the theme. @siriwatknp could this be related to the theme changes in mui/material-ui#45386?

That PR only effect the docs. I suspect that it comes from the useGridVirtualScroller.js based on the stack trace.

Is there a way to disable virtualization to see if the issue goes away?