@figliolia/react-hooks/dist/cjs/Hooks/useNodeDimensions.js

A small collection of simple React Hooks you're probably rewriting on a regular basis

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useNodeDimensions = void 0;
const react_1 = require("react");
const size_observer_1 = require("@figliolia/size-observer");
const useNodeDimensions = () => {
    const [dimensions, onChange] = (0, react_1.useState)(undefined);
    const options = (0, react_1.useMemo)(() => ({
        onChange,
        width: true,
        height: true,
        type: "border-box",
    }), []);
    const node = (0, size_observer_1.useSizeObserver)(options);
    return [node, dimensions];
};
exports.useNodeDimensions = useNodeDimensions;