Warning: findDOMNode is deprecated in StrictMode

[ubaid4j]

Tools:

1. OS: Ubuntu 20.10
2. Google Chrome: 86
3. Node: 12.18.2 or greater
4. Material UI: 4.11.0
5. React: 16.14.0

How to Produce:

1. git clone https://github.com/UbaidurRehman1/identity.git
2. cd identity
3. npm install
4. npm start
5. cd selenium (open new tab of the terminal)
6. Change the Email at line number 12 of file selenium/Test.js
7. node Test.js
8. Now in the Google Chrome window (Opened by Selenium), press F12, you will see the console logs about these warnings

The Warning is:

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node
    in div (created by Transition)
    in Transition (created by ForwardRef(Fade))
    in ForwardRef(Fade) (created by ForwardRef(Backdrop))
    in ForwardRef(Backdrop) (created by WithStyles(ForwardRef(Backdrop)))
    in WithStyles(ForwardRef(Backdrop)) (created by ForwardRef(Modal))
    in div (created by ForwardRef(Modal))
    in ForwardRef(Portal) (created by ForwardRef(Modal))
    in ForwardRef(Modal) (created by ForwardRef(Dialog))
    in ForwardRef(Dialog) (created by WithStyles(ForwardRef(Dialog)))
    in WithStyles(ForwardRef(Dialog)) (at DialogView.js:24)
    in div (at DialogView.js:23)
    in DialogView (at Forms.js:265)
    in div (created by ForwardRef(Container))
    in ForwardRef(Container) (created by WithStyles(ForwardRef(Container)))
    in WithStyles(ForwardRef(Container)) (at Forms.js:260)
    in div (created by ForwardRef(Container))
    in ForwardRef(Container) (created by WithStyles(ForwardRef(Container)))
    in WithStyles(ForwardRef(Container)) (at Forms.js:258)
    in Forms (at GaurdedRoute.js:10)
    in Route (at GaurdedRoute.js:8)
    in GuardedRoute (at App.js:21)
    in Suspense (at App.js:20)
    in Switch (at App.js:19)
    in UserProvider (at App.js:38)
    in main (at Layout.js:49)
    in Layout (at App.js:37)
    in div (at App.js:36)
    in App (at src/index.js:41)
    in StrictMode (at src/index.js:40)
    in Router (created by BrowserRouter)
    in BrowserRouter (at src/index.js:39)
    in Provider (at src/index.js:38)

I searched and got the following references that, this issue is still not resolved.

1. Stack Overflow
2. Github

[danielo515]

Any words on this? I think the plan of react is to remove this API

[ubaid4j]

nope, I didn't make any progress on this issue.