MUI DataGrid 表分页不起作用

Question

我试图让分页在我的 Material UI DataGrid 组件中工作，但我就是做不到：

控制台不会抛出任何错误。

这是我的组件：

import { DataGrid } from '@mui/x-data-grid';
import { useSelector } from 'react-redux';

import type { GridRowModel } from '@mui/x-data-grid';
import type { Person } from '../../../../interfaces/people';
import type { AppStore } from '../../../../redux/store';

import { usePeopleTable } from './hooks/usePeopleTable';

const PeopleTable: React.FC = () => {
  const { columns } = usePeopleTable();

  const people: Person[] = useSelector((state: AppStore) => state.people);

  return (
    <>
      <DataGrid
        style={{
          marginTop: '2rem',
          maxWidth: '900px',
          backgroundColor: 'white',
          width: '100%',
        }}
        columns={columns}
        rows={people}
        disableColumnSelector
        disableRowSelectionOnClick
        autoHeight
        pageSizeOptions={[5, 10, 25]}
        paginationMode='client'
        paginationModel={{
          pageSize: 5,
          page: 0,
        }}
        pagination={true}
        getRowId={(row: GridRowModel) => row.id}
      />
    </>
  );
};

export default PeopleTable;

根据文档，这应该没问题，但它让我发疯，有什么线索吗？

谢谢呜呜