fix: avoid constantly handling resize

redotvideo · Sep 13, 2024 · cd09c37 · cd09c37
1 parent 09caa1b
commit cd09c37
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/packages/player-react/src/index.tsx b/packages/player-react/src/index.tsx
@@ -140,13 +140,23 @@ export function Player({
     (entries: ResizeObserverEntry[]) => {
       const [entry] = entries;
       if (entry && wrapperRef.current) {
-        const boundingRect = wrapperRef.current.getBoundingClientRect();
-        onPlayerResize?.(boundingRect);
+        const newRect = entry.contentRect;
+        if (
+          !lastRect.current ||
+          newRect.width !== lastRect.current.width ||
+          newRect.height !== lastRect.current.height
+        ) {
+          console.log('jo resize');
+          lastRect.current = newRect;
+          onPlayerResize?.(newRect);
+        }
       }
     },
     [onPlayerResize],
   );
 
+  const lastRect = useRef<DOMRectReadOnly | null>(null);
+
   useEffect(() => {
     if (!wrapperRef.current) return;