[data grid] Console error when editing empty single select cell #14507
Labels
bug 🐛
Something doesn't work
component: data grid
This is the name of the generic UI component, not the React module!
docs
Improvements or additions to the documentation
support: docs-feedback
Feedback from documentation page
The problem in depth
Hi,
When editing an empty single select cell, there is a warning message about the empty cell value not being among the available options. And when selecting one of the options, there is an error message about the state of the select component changing from uncontrolled to controlled. These console error/warning messages are visible using the demo on the
"Full-featured CRUD" on the editing docs.
Is there a way to not have these messages when editing an empty single select cell?
How to reproduce
Demo: https://codesandbox.io/p/sandbox/5mn8gs
Click in "Add record". Check browser console. Click on the empty single select cell. Select an option. Check browser console.
Console messages
Your environment
`npx @mui/envinfo`
System:
OS: macOS 12.7.3
Binaries:
Node: 20.12.2 - ~/.nvm/versions/node/v20.12.2/bin/node
npm: 10.5.0 - ~/.nvm/versions/node/v20.12.2/bin/npm
pnpm: 8.15.1 - ~/.nvm/versions/node/v20.12.2/bin/pnpm
Browsers:
Chrome: 128.0.6613.119
Edge: 128.0.2739.63
Safari: 15.6.1
npmPackages:
@emotion/react: ^11.13.3 => 11.13.3
@emotion/styled: ^11.13.0 => 11.13.0
@mui/core-downloads-tracker: 6.0.2
@mui/icons-material: ^6.0.2 => 6.0.2
@mui/material: ^6.0.2 => 6.0.2
@mui/private-theming: 6.0.2
@mui/styled-engine: 6.0.2
@mui/system: 6.0.2
@mui/types: 7.2.16
@mui/utils: 6.0.2
@mui/x-data-grid: 7.15.0
@mui/x-data-grid-generator: ^7.15.0 => 7.15.0
@mui/x-data-grid-premium: ^7.15.0 => 7.15.0
@mui/x-data-grid-pro: 7.15.0
@mui/x-internals: 7.15.0
@mui/x-license: 7.15.0
@types/react: ^18 => 18.3.5
react: ^18 => 18.3.1
react-dom: ^18 => 18.3.1
typescript: ^5 => 5.5.4
Search keywords: datagrid editing
The text was updated successfully, but these errors were encountered: