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
There is a solution mentioned in docs for version 6.7.6 of react-resize-detector, which uses targetRef to specify target reference and stop calling findDOMNode from react-dom.
This is not available in version used by react-cornerstone-viewport which uses "react-resize-detector": "^4.2.1" but reference in 4.2.1 documentation has similar solution that uses targetDomElhttps://www.npmjs.com/package/react-resize-detector/v/4.2.1#api.
Steps to Reproduce the Problem
Install react-cornerstone-viewport
import CornerstoneViewport from 'react-cornerstone-viewport'
add Viewport as component <CornerstoneViewport enableResizeDetector={true} />
Solution in #123
Expected Behavior
Library loads without warnings.
Actual Behavior
The library throws a warning:
Caused by
ReactResizeDetector
usingfindDOMNode
when no reference element is provided. FindDOMNode is deprecated and there is a description in React's docs: https://reactjs.org/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage.Possible solution
There is a solution mentioned in docs for version 6.7.6 of
react-resize-detector
, which usestargetRef
to specify target reference and stop callingfindDOMNode
fromreact-dom
.https://www.npmjs.com/package/react-resize-detector#user-content-refs
This is not available in version used by
react-cornerstone-viewport
which uses"react-resize-detector": "^4.2.1"
but reference in 4.2.1 documentation has similar solution that usestargetDomEl
https://www.npmjs.com/package/react-resize-detector/v/4.2.1#api.Steps to Reproduce the Problem
react-cornerstone-viewport
import CornerstoneViewport from 'react-cornerstone-viewport'
<CornerstoneViewport enableResizeDetector={true} />
Specifications