Hook for getting rect bounds

useBounds.ts

type BoundsT = {
  height: number
  width: number
  x: number
  y: number
  top: number
  bottom: number
}
function useBounds<T>(): [LegacyRef<T>, BoundsT] {
  const ref = useRef(null)
  const [bounds, setBounds] = useState()

  useLayoutEffect(() => {
    setBounds(ref.current.getBoundingClientRect())
  }, [ref])

  return [ref, bounds]
}