Warning: findDOMNode is deprecated in StrictMode.

[drusepth]

Bug: The first time you hover over any element on the page that contains a tooltip with the Zoom transition, the browser console shows the following error:

index.js:1 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://reactjs.org/link/strict-mode-find-node
    at div
    at Transition (https://localhost:3000/static/js/0.chunk.js:67610:30)
    at Zoom (https://localhost:3000/static/js/0.chunk.js:9111:24)
    at div
    at Portal (https://localhost:3000/static/js/0.chunk.js:6135:24)
    at Popper (https://localhost:3000/static/js/0.chunk.js:5814:24)
    at Tooltip (https://localhost:3000/static/js/0.chunk.js:8032:28)
    at WithStyles(ForwardRef(Tooltip)) (https://localhost:3000/static/js/0.chunk.js:13092:31)
    at span
    at div
    at div
    at BadgeHighlighter (https://localhost:3000/static/js/main.chunk.js:730:5)
    at div
    at Grid (https://localhost:3000/static/js/0.chunk.js:3372:35)
    at WithStyles(ForwardRef(Grid)) (https://localhost:3000/static/js/0.chunk.js:13092:31)
    at div
    at Container (https://localhost:3000/static/js/0.chunk.js:2301:23)
    at WithStyles(ForwardRef(Container)) (https://localhost:3000/static/js/0.chunk.js:13092:31)
    at App (https://localhost:3000/static/js/main.chunk.js:279:5)

We're specifying the Zoom transition as the Material-UI docs recommend. According to this StackOverflow question, it looks like a Material-UI problem; however, I'm still new to React so I don't understand how to incorporate the solutions.

It'd be nice to resolve this issue without removing StrictMode. Material-UI will eventually fix it in a future release, but it'd also be nice to have a solution in place in the meantime.