Add optional effect to useResizeObserver

We’ve been using useResizeObserver to track when to trigger a side effect, and so end up with code like this:

  const axisRef = useRef();
  const cursorRef = useRef();
  const { width: axisWidth } = useResizeObserver({ ref: axisRef });

  // Reset the axis if the width changes
  useEffect(() => {
    if (cursorRef.current !== null) {
      cursorRef.current.reset();
    }
  }, [axisWidth]);

It would be convenient if we could simply provide this effect to the resize observer.

[danni]

Nice!

[ZeeCoder]

You might want to check out this demo @danni : https://codesandbox.io/s/use-resize-observer-throttle-and-debounce-8uvsg