@restart/hooks/cjs/useResizeObserver.d.ts

A set of utility and general-purpose React hooks.

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;