From 087afd96fe50ffbfd8ce1834a8bed565135c0271 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Wed, 17 Apr 2024 15:22:58 -0600
Subject: [PATCH] Get pip working correctly

---
 web/src/views/live/LiveCameraView.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/src/views/live/LiveCameraView.tsx b/web/src/views/live/LiveCameraView.tsx
index ee71a687c..3bf140d15 100644
--- a/web/src/views/live/LiveCameraView.tsx
+++ b/web/src/views/live/LiveCameraView.tsx
@@ -127,22 +127,22 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) {
     if (mainRef.current == null) {
       return;
     }
-
     const fsListener = () => {
       setFullscreen(document.fullscreenElement != null);
     };
-    const pipListener = () => {
-      setPip(document.pictureInPictureElement != null);
-    };
     document.addEventListener("fullscreenchange", fsListener);
-    document.addEventListener("focusin", pipListener);
 
     return () => {
       document.removeEventListener("fullscreenchange", fsListener);
-      document.removeEventListener("focusin", pipListener);
     };
   }, [mainRef]);
 
+  useEffect(() => {
+    setPip(document.pictureInPictureElement != null);
+    // we know that these deps are correct
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [document.pictureInPictureElement]);
+
   // playback state
 
   const [audio, setAudio] = useState(false);