use-bounding-rect
npm install use-bounding-rect
A tiny React hook to access DOM Rect of an element dynamically.
import { useBoundingRect } from "use-bounding-rect";function Wrapper() { let ref = useRef(null); let rect = useBoundingRect(ref); return ( <div className="wrapper" ref={ref}> {rect != null ? <Content width={rect.width} height={rect.height} /> : null} </div> );}