Warning in StrictMode

Warning: findDOMNode is deprecated in StrictMode. ... Instead, add a ref directly to the element you want to reference. Would be a version with ref support?

[richardoptibrium]

It’s not working for me unfortunately. I’m using v4.2.1

[maslianok]

However, I hate all these warnings so in version 4.1.0 I added targetDomEl property 😃

The library doesn’t use the findDOMNode method when you pass this property.

For example:

Before (findDOMNode is used)

  render() {
    return (
      <div>
        ...
        <ReactResizeDetector handleWidth handleHeight />
      </div>
    );
  }

After (without findDOMNode)

  constructor() {
    this.parentRef = React.createRef();
  }
  render() {
    return (
      <div ref={this.parentRef}>
        ...
        <ReactResizeDetector handleWidth handleHeight targetDomEl={this.parentRef.current} />
      </div>
    );
  }

Yes, you have to add an extra prop, but this should remove the annoying warning from a console.