Cacher is the code snippet organizer for pro developers

import { useState, useEffect, RefObject } from "react"

export const useSize = (node: RefObject<HTMLElement>) => {
  const [boundary, setBoundary] = useState<ClientRect | null>(null)

  useEffect(() => {
    if (node && node.current) {
      setBoundary(node.current.getBoundingClientRect())
    }
  })

  return boundary
}