useResizeObserver

import { useResizeObserver } from '@1hook/use-resize-observer'

function MyComponent() {
  const { ref } = useResizeObserver((entry) => {
    console.log('The target element has been resized!')
  })

  return <div ref={ref} />
}

function MyComponent() {
  const { ref, observe, unobserve } = useResizeObserver(
    (entry) => console.log('Resized!'),
    { autoObserve: false }, // Disable automatic observation
  )

  return (
    <div>
      <div ref={ref} />

      <button onClick={observe}>Start observing</button>

      <button onClick={unobserve}>Stop observing</button>
    </div>
  )
}