useResizeDetector resize method is not triggering in v7.0.1

[opr1cob]

useResizeDetector({ ref: communicationref, onResize: debounce(handlecommunicationResize, delay, { maxWait: 1000 }), })

function handlecommunicationResize({ height }) { console.log(height); }

its working perfectly in v7.0.0

[ZeeCoder]

Interesting. Can you also post the code for debounce and delay?

Or better yet, could you create a codesandbox, reproducing the issue?

For the time being, you can also try and use this solution for a debounced hook instead: https://codesandbox.io/s/use-resize-observer-throttle-and-debounce-8uvsg?file=/src/useDebouncedResizeObserver.js

[opr1cob]

without debounce and delay also resize callback is not triggering in v7.0.1 useResizeDetector({ ref: communicationref, onResize: ({ width, height }) => { console.log(height); }, })

[ZeeCoder]

That should work for sure, and I have tests covering it. I really can't look into the issue without having a way to reproduce it.

[ZeeCoder]

One thing I'd also try from the top of my head is using the callback ref returned by the hook, instead of passing in an object ref, so:

const { ref } = useResizeDetector({
  onResize: ({ width, height }) => {
    console.log(height);
  },
});

<div ref={ref} />

This would work better if you mount the observed component with a delay for example.

[opr1cob]

I have tried the suggested way to capture the callback but no luck , its not working in v7.0.1

[ZeeCoder]

Sorry I really am unable to help unless you provide me a reproduction of the issue through either a repo, codesandbox or something similar.

[ZeeCoder]

I'm closing this for now, but feel free to reopen if you have a reproduction.