MUI X DataGrid сбрасывается при выборе строк ⇐ Javascript

[Anonymous]

Я использую MUI X DataGrid в своем приложении, где отображается список файлов и папок. Я включил выбор строки для файлов, но всякий раз, когда выбирается строка, сброс DataGrid, и она прокручивается обратно в верхнюю часть. Я должен снова прокрутить обратно, чтобы сделать следующий выбор. < /P>
Я добавляю код ниже. Я искал документы, у них есть тот же код. Кажется, не помогает. Как мне это исправить? < /P>
const [selectedFilter, setSelectedFilter] = useState({
type: 'include',
ids: new Set(),
}); // has files selected for export in grid

{
return (
No folders or files)
}),
}}
pagination
initialState={{
pagination: {
paginationModel: {
pageSize: 20,
},
},
}}
pageSizeOptions={[5,10,20,50,100]}
checkboxSelection
onRowClick={(params) => {
setSelectedFiles([])
setSelectedFilter({
type: 'include',
ids: new Set(),
})
if(params.row.type === 'Folder'){
setIsClickedFromBreadcrumbs(false)
setFolderBreadcrumbs((currState) => {
return [...currState, {id:params.row.id, name: params.row.name}]
})
}
}}
isRowSelectable={(params) => params.row.type !== 'Folder'}
getRowClassName={(params) => {
return params.row.type === 'Folder' ? 'hide-checkbox' : '';
}}
onRowSelectionModelChange={
(newSelectionModel) => {
console.log(newSelectionModel)
const currSelectedFilter = [...folderContents.folderData, ...folderContents.fileData].filter((file) => Array.from(newSelectionModel.ids).includes(file.id));
setSelectedFilter(newSelectionModel);
const selected = currSelectedFilter.map((ele)=>
[ele.name, ele.url,ele.type, `${moment(ele.createdAt.split('+')[0]).utc().format('L LT')} PDT`, folderBreadcrumbs[folderBreadcrumbs.length -1].name ]
);
setSelectedFiles(selected);
}
}
rowSelectionModel={selectedFilter}

sx={{
height: '100%',
cursor: 'pointer',
borderRadius: '8px',

}}
/>


Подробнее здесь: https://stackoverflow.com/questions/796 ... -selection