[data grid] Strange behavior when paginationMode is undefined

[Janpot]

Search keywords

paginationMode undefined

Latest version

• I have tested the latest version

Steps to reproduce

Steps:

1. Go to https://mui.com/x/react-data-grid/pagination/
2. Add paginationMode={undefined}
3. Watch the pagination in the Grid

Current behavior

Expected behavior

Context

At first glance this may seem like an edge-case, but it's actually not so uncommon to run into this when writing a wrapper component for the grid and passing through paginationMode

function MyWrapper(props) {
  const { paginationMode, ...rest } = props;

  // do something based on paginationMode

  return <DataGrid paginationMode={paginationMode} {...rest} />
}

The solution could be simple:

const { paginationMode = 'client', ...rest } = props;

But I guess this should just work.

I think in the past I've seen other properties misbehaving when explicitly set to undefined but I can't recall.

Your environment

npx @mui/envinfo

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

Order ID or Support key 💳 (optional)

No response

[github-actions]

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@Janpot: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.