diff --git a/web/src/components/player/MsePlayer.tsx b/web/src/components/player/MsePlayer.tsx
index 14ac3363a..ebdf09b6f 100644
--- a/web/src/components/player/MsePlayer.tsx
+++ b/web/src/components/player/MsePlayer.tsx
@@ -243,6 +243,10 @@ function MSEPlayer({ camera, className, onPlaying }: MSEPlayerProps) {
 
   useEffect(() => {
     onConnect();
+
+    return () => {
+      onDisconnect();
+    };
   }, [wsURL]);
 
   return (