React Resize Observer
Hook to provide a performant mechanism by which code can monitor an element for changes to its size, with notifications being delivered to the observer each time the size changes.
Installation
$ npm install react-dom-resize-observer
Examples
export function App() {
const {
entry,
observer,
disconnect
unobserve
} = useResizeObserver<HTMLDivElement>(onResize)
const { entry, disconnect, unobserve, observe } =
useResizeObserver<HTMLDivElement | null>({
elementRef: ref,
onResize: (el) => { },
});
return (
<div ref={observer} onClick={disconnect}>
App
</div>
)
}