useResizeObserver

ResizeObserver를 사용하여 인자로 받은 HTML요소의 크기를 감지하는 hook입니다.

trackWidth, trackHeight 옵션을 통해 감지할 값을 설정할 수 있습니다.

trackHeight 옵션을 사용하지 않을 경우 height와 width는 0으로 고정됩니다.

Usage

import {useResizeObserver} from "@shoplflow/utils"
const { height: windowHeight } = useResizeObserver(document.body, {
  trackHeight: true,
  trackWidth: true,,
});