Need help for DataGrid sorting feature

[sameterkanboz]

Hey everyone i need help for sorting feature

'use client';

import { DataGrid, type GridColDef } from '@mui/x-data-grid';
import { DeleteButton, EditButton, List, ShowButton, useDataGrid } from '@refinedev/mui';
import React from 'react';

export default function CategoryList() {
  const { dataGridProps } = useDataGrid({
    pagination: {
      mode: 'off',
    },
  });

  const columns = React.useMemo<GridColDef[]>(
    () => [
      {
        field: '_id',
        headerName: 'ID',
        width: 220,
      },
      {
        field: 'title',
        flex: 1,
        headerName: 'Title',
        minWidth: 200,
      },
      {
        field: 'sortOrder',
        headerName: 'Sort',
        minWidth: 50,
        type: 'number',
      },
      {
        field: 'actions',
        headerName: 'Actions',
        sortable: false,
        renderCell: function render({ row }) {
          return (
            <>
              <EditButton hideText recordItemId={row._id} />
              <ShowButton hideText recordItemId={row._id} />
              <DeleteButton hideText recordItemId={row._id} />
            </>
          );
        },
        align: 'center',
        headerAlign: 'center',
        minWidth: 80,
      },
    ],
    [],
  );

  return (
    <List>
      <DataGrid {...dataGridProps} columns={columns} autoHeight getRowId={(row) => row._id} />
    </List>
  );
}

Sorting not works for me. I tried useTable and useDataGrid but it still not working.

Thanks ❤️

[sameterkanboz]

Okey i add sortingMode="client" to <DataGrid {...dataGridProps}... and problem solved :).