lingo3d/lib/editor/hooks/useResizeObserver.js

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { useState, useLayoutEffect, useRef } from "preact/hooks";
export default () => {
    const ref = useRef(null);
    const [size, setSize] = useState({
        width: 0,
        height: 0
    });
    useLayoutEffect(() => {
        const div = ref.current;
        if (!div)
            return;
        const resizeObserver = new ResizeObserver(() => {
            setSize({ width: div.offsetWidth, height: div.offsetHeight });
        });
        resizeObserver.observe(div);
        return () => {
            resizeObserver.disconnect();
        };
    }, []);
    return [ref, size];
};
//# sourceMappingURL=useResizeObserver.js.map