@cs-open/react-fabric
Version:
3 lines (2 loc) • 662 B
JavaScript
"use client";import{throttle as r}from"es-toolkit";import{useCallback as c,useEffect as d}from"react";import{useStore as a}from"./useStore.mjs";const m=()=>{const{domNode:t,canvas:s,setDimensions:i}=a(e=>({domNode:e.domNode,canvas:e.canvas,setDimensions:e.setDimensions})),o=c(()=>{if(!t||!s)return;const{width:e,height:n}=t.getBoundingClientRect();i({width:e,height:n})},[t,s,i]);d(()=>{if(!t||!s)return;o();const e=r(o,200);window.addEventListener("resize",e);const n=new ResizeObserver(e);return n.observe(t),()=>{window.removeEventListener("resize",e),n.disconnect(),e.cancel()}},[o,t,s])};export{m as default};
//# sourceMappingURL=useResizeHandler.mjs.map