fix: delay resize observer handling

Author: petyosi

src/hooks/useSize.ts

@@ -14,7 +14,9 @@ export function useSizeWithElRef(callback: (e: HTMLElement) => void, enabled = t
       return new ResizeObserver((entries: ResizeObserverEntry[]) => {
         const element = entries[0].target as HTMLElement
         if (element.offsetParent !== null) {
-          callback(element)
+          requestAnimationFrame(() => {
+            callback(element)
+          })
         }
       })
     }, [callback])

src/hooks/useWindowViewportRect.ts

@@ -45,7 +45,9 @@ export default function useWindowViewportRectRef(callback: (info: WindowViewport
   React.useEffect(() => {
     if (customScrollParent) {
       customScrollParent.addEventListener('scroll', scrollAndResizeEventHandler)
-      const observer = new ResizeObserver(scrollAndResizeEventHandler)
+      const observer = new ResizeObserver(() => {
+        requestAnimationFrame(scrollAndResizeEventHandler)
+      })
       observer.observe(customScrollParent)
       return () => {
         customScrollParent.removeEventListener('scroll', scrollAndResizeEventHandler)