search

sanniassin / react-input-mask

Input masking component for React. Made with attention to UX.
MIT License
2.23k stars 256 forks source link

Warning: findDOMNode is deprecated in StrictMode. #317

Open Harmew opened 12 months ago

Harmew commented 12 months ago

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 from my index.tsx. However, I'm looking for suggestions or a fix that would allow me to keep using 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

johanguse commented 10 months ago

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

pedroSoaresll commented 3 months ago

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?