fix: onEnterFullscreen and onExitFullscreen being executed on fir…

…st render (#91) Co-authored-by: Ovidiu Cristescu <[email protected]>
LunatiqueCoder · May 30, 2024 · b50400b · b50400b
1 parent 3fc416b
commit b50400b
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/packages/media-console/src/VideoPlayer.tsx b/packages/media-console/src/VideoPlayer.tsx
@@ -305,12 +305,14 @@ const AnimatedVideoPlayer = (
       setResizeMode(_isFullscreen ? ResizeMode.COVER : ResizeMode.CONTAIN);
     }
 
-    if (_isFullscreen) {
-      typeof events.onEnterFullscreen === 'function' &&
-        events.onEnterFullscreen();
-    } else {
-      typeof events.onExitFullscreen === 'function' &&
-        events.onExitFullscreen();
+    if (mounted.current) {
+      if (_isFullscreen) {
+        typeof events.onEnterFullscreen === 'function' &&
+          events.onEnterFullscreen();
+      } else {
+        typeof events.onExitFullscreen === 'function' &&
+          events.onExitFullscreen();
+      }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [_isFullscreen, toggleResizeModeOnFullscreen]);