UNPKG

@restart/hooks

Version:

A set of utility and general-purpose React hooks.

26 lines (25 loc) 606 B
export interface Rect { width: number; height: number; x?: number; y?: number; } /** * Efficiently observe size changes on an element. Depends on the `ResizeObserver` api, * and polyfills are needed in older browsers. * * ```ts * const [ref, attachRef] = useCallbackRef(null); * * const rect = useResizeObserver(ref); * * return ( * <div ref={attachRef}> * {JSON.stringify(rect)} * </div> * ) * ``` * * @param element The DOM element to observe */ export default function useResizeObserver<TElement extends Element>(element: TElement | null | undefined): Rect | null;