[DataGrid] Fix Maximum call stack size exceeded error when using fractional width

[cherniavskii]

• I have followed (at least) the PR section of the contributing guide.

Fixes #9510

Before: https://codesandbox.io/s/crimson-bash-7m8g6c?file=/demo.tsx
After: https://codesandbox.io/s/sad-pine-6c2j29?file=/demo.tsx

[mui-bot]

Netlify deploy preview

Netlify deploy preview: https://deploy-preview-9516--material-ui-x.netlify.app/

Updated pages

No updates.

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	310.7	582.2	425	425.86	105.726
Sort 100k rows	ms	484.7	966.1	905.2	791.82	187.865
Select 100k rows	ms	195.7	258.9	254.8	236.56	25.184
Deselect 100k rows	ms	136.4	309.6	252	228.66	72.679

Generated by 🚫 dangerJS against 2ed06a5

[cherniavskii]

In #9236 we started to use fractional size. Rounding the columns total width breaks the equality comparison

[AnastasiaEvgenia]

Hi.
This error still exists in version 6.9.1.
This seems to be happening sometimes if you start resizing your grid.

Sand box
https://codesandbox.io/s/maximum-call-stack-size-exceeded-zhz6dw?file=/package.json

[cherniavskii]

Thanks @AnastasiaEvgenia
It should be fixed by #9554

[seemX17]

Fixed with latest version 6.12.1 :) Was facing similar issue

[gaisdav]

same error in "@mui/x-data-grid-pro": "7.1.1", anyone know how to fix?

[cherniavskii]

@gaisdav Are you sure it's the "Maximum call stack size exceeded" error?
There was a similar (yet different) issue reported in #12851 and fixed in 7.3.1

If the issue linked above is unrelated to the issue you're experiencing, please open a new issue with a minimal reproduction example. Thanks!

[gaisdav]

@cherniavskii yes, let me show the error.

I'm still trying to figure out why I'm getting this error in my case.

[cherniavskii]

@gaisdav Hmm, this looks like #11483 (comment)
Can you create a reproduction example and share it in #11483?

[gaisdav]

@cherniavskii
I'll try, thanks!