react-input-mask icon indicating copy to clipboard operation
react-input-mask copied to clipboard

Warning: findDOMNode is deprecated in StrictMode.

Open Harmew opened this issue 2 years ago • 2 comments

In my console, I received the following warning:

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of InputMaskChildrenWrapper which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node

was able to resolve this warning by removing <React.StrictMode> from my index.tsx. However, I'm looking for suggestions or a fix that would allow me to keep using <React.StrictMode> without encountering this warning.

Does anyone have any suggestions or a solution to address this issue while still using React Strict Mode?

My component: image

My input: image

My packages: react: ^18.2.0 react-dom: ^18.2.0 react-hook-form: ^7.47.0 react-input-mask: ^3.0.0-alpha.2 @types/react-input-mask: ^3.0.3

Harmew avatar Oct 08 '23 16:10 Harmew

Use this fork https://github.com/mona-health/react-input-mask/

johanguse avatar Dec 08 '23 19:12 johanguse

react-dom@19 does not support react-input-mask anymore because of this problem.

I tested @johanguse's suggestions and it works. Why not have it published in the official react-input-mask repository?

pedroSoaresll avatar Jun 21 '24 06:06 pedroSoaresll