Tengo el mismo problema que la pregunta de abajo. Un comentario decía usar useRef para envolver filas y columnas y usar su valor .current. ¿¿Cómo puedo hacer eso??
Material-UI Data Grid onSortModelChange que provoca un bucle infinito
No pude descifrar el useRef, y al ver que esta publicación tiene un mes, lo más probable es que ya la hayas resuelto. Pero para otros como yo que buscamos una solución en Google, así es como resolví el problema:
const [sortModel, setSortModel] = useState<GridSortModel>([ { field: 'created', sort: 'desc', }, ]); const handleSortChange = (model: GridSortModel) => { /* if statement to prevent the infinite loop by confirming model is different than the current sortModel state */ if (JSON.stringify(model) !== JSON.stringify(sortModel)) { setSortModel(model); } }; <DataGrid rows={taskData} columns={myWorkColumns} sortModel={sortModel} onSortModelChange={(model) => handleSortChange(model)} />