@thibault.sh/hooks
Version:
A comprehensive collection of React hooks for browser storage, UI interactions, and more
18 lines (15 loc) • 666 B
TypeScript
import { RefObject } from 'react';
interface ResizeObserverEntry {
contentRect: DOMRectReadOnly;
contentBoxSize: ReadonlyArray<ResizeObserverSize>;
borderBoxSize: ReadonlyArray<ResizeObserverSize>;
devicePixelContentBoxSize: ReadonlyArray<ResizeObserverSize>;
target: Element;
}
/**
* Hook that tracks element's size changes using ResizeObserver with full entry details
* @param elementRef - React ref object pointing to the target element
* @returns Latest ResizeObserverEntry if available, null otherwise
*/
declare function useResizeObserver(elementRef: RefObject<HTMLElement>): ResizeObserverEntry | null;
export { useResizeObserver };