[data grid] Component rendering 3 times on row selection, and every cell also re-rendering

[costinelul]

Steps to reproduce

Version: "@mui/base": "^5.0.0-beta.30"
Steps:

1. Click a checkbox from default checkbox selection

Current behavior

I am using React Profiler and I noticed that the component DataGrid renders 3 times after clicking on a checkbox from the default checkbox selection component. Frist time it renders because the selection model changed , and then it rerenders 2 additional times ( the reason from the ReactProfiler is that the state of the internal DataGrid changed).
When there aren't many rows it's not noticeable, but when there are a lot of columns and rows, the selection is very laggy.

This is the first re-render triggered by the selection model change;

These are the 2nd and 3rd re-renders, trigger by Hook 24, which I checked and is the Grid's state ( which includes the selection model)

Expected behavior

I don't know if I am missing something, but I would expect only the checkbox selection column to re-render when clicking on a checkbox, and certainly only once. Could the 3 re-renders be necessary? But why the other cells?

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: Mui Data Grid DataGrid render rerender row selection

[KenanYusuf]

Hi @costinelul, thanks for raising the issue. Please could you confirm your environment information? You can run npx @mui/envinfo in your project root which can then be attached to the issue description.