react-resize-detector

useResizeDetector: <T extends HTMLElement = any>({
    skipOnMount,
    refreshMode,
    refreshRate,
    refreshOptions,
    handleWidth,
    handleHeight,
    targetRef,
    observerOptions,
    onResize,
}?: useResizeDetectorProps<T>) => UseResizeDetectorReturn<T>;

type Dimensions = {
    height?: number;
    width?: number;
};

type OnResizeCallback = (payload: ResizePayload) => void;

type ResfreshModeType = 'throttle' | 'debounce';

type ResfreshOptionsType = {
    leading?: boolean;
    trailing?: boolean;
};

type ResizePayload =
    | {
          width: number;
          height: number;
          entry: ResizeObserverEntry;
      }
    | {
          width: null;
          height: null;
          entry: null;
      };