@plteam/chat-ui/dist/views/hooks/useThrottledResizeObserver.js

CUI Kit is a free and open-source library for creating AI assistant chat interfaces, built with React, Material UI, and TypeScript

import React from "react";
import useResizeObserver from "use-resize-observer";
import throttle from 'lodash.throttle';
export default (waitMs, options) => {
    const [size, setSize] = React.useState();
    const [lastSize, setLastSize] = React.useState();
    const onResize = React.useMemo(() => throttle((newSize) => {
        if (newSize?.width && newSize?.height)
            setLastSize(newSize);
        setSize(newSize);
    }, waitMs), [waitMs]);
    const { ref } = useResizeObserver({ onResize, ...options });
    React.useEffect(() => { }, [size]);
    return { ref, ...size, lastSize };
};