material-ui-pickers: React does not recognize the `nodeRef` prop on a DOM element
Environment
| Tech | Version |
|---|---|
| @material-ui/pickers | 3.2.10 |
| material-ui | 4.9.14 |
| TypeScript | 3.7.5 |
| React | ^16.12.0 |
| Browser | ^16.12.0 |
| date-fns | 2.13.0 |
| @date-io/date-fns | 1.3.13 |
Steps to reproduce
- Click to open the Modal
- Look at the console
Expected behavior
Modal open with no warning on the console
Actual behavior
Component works correctly but the following warning is shown on the console:
Warning: React does not recognize the `nodeRef` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `noderef` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
Live example
https://codesandbox.io/s/eslint-codesandbox-qu2mi?file=/src/App.tsx
About this issue
- Original URL
- State: closed
- Created 4 years ago
- Reactions: 1
- Comments: 16 (5 by maintainers)
Explicitly install
react-transistion-group@4.4.1fixed my issue.This issue is caused by an outdated version of react-transition-group. Updating to v4.4.0 in your project should fix it.
I’m actually seeing this error too, but when I follow the stack trace, the only module thats using it is Slide.js
It does seem to be related to transition, as shown in the screenshot of slide.js’s code
@giovanniantonaccio I think that you can already upgrade to v4. There are a couple more of breaking changes coming down the road, but we have definitely made progress since v3.
@oliviertassinari I am already using version v4 and I am experiencing the same error.