observer element resize

observer-element-resize.tsx

    const setResizeDebounced = useDebouncedCallback(() => {
        setResizeCount(curr => curr + 1)
    }, 400)

    useEffect(() => {
        const rObs = new ResizeObserver(() => {
            setResizeDebounced()
        })
        if (boardDrawRef.current) {
            rObs.observe(boardDrawRef.current)
        }
        return () => {
            rObs.disconnect()
        }
    }, [setResizeDebounced])