Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[data grid] Console error when editing empty single select cell #14507

Closed
rodolffoteles opened this issue Sep 5, 2024 · 3 comments · Fixed by #14513
Closed

[data grid] Console error when editing empty single select cell #14507

rodolffoteles opened this issue Sep 5, 2024 · 3 comments · Fixed by #14513
Assignees
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

Comments

@rodolffoteles
Copy link

rodolffoteles commented Sep 5, 2024

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.

Editing

Console messages
Captura de Tela 2024-09-05 às 15 18 31
Captura de Tela 2024-09-05 às 15 18 41

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

@rodolffoteles rodolffoteles added status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: commercial Support request from paid users support: unknown Support request type not verified yet. Head to https://tools-public.mui.com/prod/pages/jyhs86t labels Sep 5, 2024
Copy link

github-actions bot commented Sep 5, 2024

You have created a support request under the "Priority Support" terms, which is a paid add-on to MUI X Premium ⏰. Please validate your support key using the link below:

https://tools-public.mui.com/prod/pages/jyhs86t?repo=mui-x&issueId=14507

Do not share your support key in this issue!

Priority Support is only provided to verified customers. Once you have verified your support key, we will remove the support: unknown label and add the support: priority label to this issue. Only then the time for the SLA will start counting.

@github-actions github-actions bot added the component: data grid This is the name of the generic UI component, not the React module! label Sep 5, 2024
@michelengelen
Copy link
Member

Hey @rodolffoteles and thanks for raising this!
There is indeed a bug in the example and we will take care of that shortly. 👍🏼

@michelengelen michelengelen removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Sep 6, 2024
@michelengelen michelengelen self-assigned this Sep 6, 2024
@github-project-automation github-project-automation bot moved this to 🆕 Needs refinement in MUI X Data Grid Sep 6, 2024
@michelengelen michelengelen moved this from 🆕 Needs refinement to 🏗 In progress in MUI X Data Grid Sep 6, 2024
@michelengelen michelengelen added bug 🐛 Something doesn't work docs Improvements or additions to the documentation support: docs-feedback Feedback from documentation page and removed support: commercial Support request from paid users support: unknown Support request type not verified yet. Head to https://tools-public.mui.com/prod/pages/jyhs86t labels Sep 6, 2024
Copy link

github-actions bot commented Sep 9, 2024

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.

Note

We value your feedback @rodolffoteles! How was your experience with our support team?
If you could spare a moment, we'd love to hear your thoughts in this brief Support Satisfaction survey. Your insights help us improve!

@DanailH DanailH moved this from 🏗 In progress to ✅ Done in MUI X Data Grid Nov 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
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
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

2 participants