react-json-view icon indicating copy to clipboard operation
react-json-view copied to clipboard

Error on opening property editor

Open Nickhoyer opened this issue 3 years ago • 9 comments

Warning: React does not recognize the inputRef prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase inputref instead. If you accidentally passed it from a parent component, remove it from the DOM element.

Getting this in console in my React 17 project

Nickhoyer avatar Apr 09 '21 16:04 Nickhoyer

i got the the same warning

redDSsun avatar May 06 '21 11:05 redDSsun

fwiw, this was what it looked like for me. I'm using MaterialUI as well. I wonder if it's a React DevTools problem...?

image

miketwo avatar May 19 '21 15:05 miketwo

I am having the same warning and am not using MaterialUI. It appear every time the variable-editor modal appear. Does anyone have ideas/suggestions?

Zvi7Ping avatar May 23 '21 23:05 Zvi7Ping

It was caused by the VariableEditor passing prop "inputRef" to AutosizeTextarea. AutosizeTextarea had changed to use prop "ref" instead of "inputRef", and the prop "inputRef" was not handled and passed to the textarea element, which React does not recognize and gave that warning.

alexchanwk avatar May 29 '21 07:05 alexchanwk

@alexchanwk is there a solution for this bug

Mustafa-Agha avatar Jun 19 '21 15:06 Mustafa-Agha

got same problem with react-json-view: 1.21.3, react: 17.0.1, antd: 4.16.13,

tjnk24 avatar Nov 11 '21 10:11 tjnk24

I have the same problem. Is there a solution?

sp0033212000 avatar Nov 23 '21 15:11 sp0033212000

@sp0033212000 @tjnk24 #374 solves the issue, but i did not get any updates on it since i opened it.

enricomad avatar Dec 07 '21 12:12 enricomad

upvote the fix by @enricomad https://github.com/mac-s-g/react-json-view/pull/374 :up:

dranitski avatar Dec 13 '21 10:12 dranitski