mui / mui-x

MUI X: Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!
https://mui.com/x/
4.08k stars 1.26k forks source link

[DataGrid] `getActions` logs a warning when it returns a DOM element #11328

Open Janpot opened 9 months ago

Janpot commented 9 months ago

Steps to reproduce

Link to live example: https://stackblitz.com/edit/react-jnjfk7?file=Demo.tsx

Steps:

  1. Open example
  2. Check console

Current behavior

it logs

preview-bde5107a6ac1a.js:2 Warning: React does not recognize the `touchRippleRef` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `touchrippleref` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

Expected behavior

Either:

Context

I was trying to add a tooltip to a disabled action https://github.com/mui/mui-x/issues/2871.

Your environment

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

Search keywords: getActions warning

yossi-trullion commented 1 month ago

Did anyone find a work-around ?

jerrycheng13 commented 1 month ago

Adding "<>...</>"

Added react fragments