[question]: How can I combine useMeasure with useHoverDirty

[mortalYoung]

I have to listen the container's rect changed, and get the hover state. I get this code:

const [ref, rect] = useMeasure();
const isHovering = useHoverDirty(ref); // No

How to get the ref by useMeasure and transit it into useHoverDirty?

[Piyushjaiswal19]

import useRef from 'react'; import useMeasure from 'react-use'; import useHoverDirty from 'react-use-gesture';

function YourComponent() { const [ref, rect] = useMeasure(); const hoverRef = useRef(); //Here create a ref for UseHoverDirty

// Attach the ref to the DOM element obtained from useMeasure hoverRef.current = ref.current;

// Now, you can use the hoverRef for the UseHoverDirty hook const isHovering = useHoverDirty(hoverRef);