Allow passing in 'ref' to the useResizeDetector hook

Hi @maslianok!

I’m faced with a conundrum: I need to access the ref inside the onResize callback. But… I don’t have the ref yet when I’m defining the onResize, because it is the hook creates it 😕.

const useRegistry = (blockId: string) => {
  const onResize = useCallback(() => {
    resizeObservable.next({blockId, ref})
//                                  ^^^ oops, no ref yet!
  }, [blockId])
  const {ref} = useResizeDetector({onResize})
//       ^^^ too late
  return {ref}
}

A solution would be to allow passing in your own ref instead of creating it inside the hook. This way the ref could also be reused by other custom hooks that are used before useResizeDetector is called, like so:

const useRegistry = (blockId: string) => {
  const ref = useRef()
  const onResize = useCallback(() => {
    resizeObservable.next({blockId, ref})
  }, [blockId, ref])
  useResizeDetector({onResize, ref})
  return {ref}
}

I’m willing to make a PR if this solution is fine by you. Thanks 🙇.

[maslianok]

Thanks, merged!

I’ll deploy changes in the next version

[maslianok]

Sold 😃

tbh, I don’t see any difference between these approaches. Just 2 lines instead of the 1-line condition.

Can you make a PR?