lingo3d/lib/editor/hooks/useBoundingClientRect.js

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

import { useState, useLayoutEffect, useRef } from "preact/hooks";
const zeroRect = new DOMRect();
export default () => {
    const ref = useRef(null);
    const [bounds, setBounds] = useState(zeroRect);
    useLayoutEffect(() => {
        const div = ref.current;
        if (!div)
            return;
        const resizeObserver = new ResizeObserver(() => setBounds(div.getBoundingClientRect()));
        resizeObserver.observe(div);
        return () => {
            resizeObserver.disconnect();
        };
    }, []);
    return [ref, bounds];
};
//# sourceMappingURL=useBoundingClientRect.js.map