Merge branch 'develop' into fix/remove-react-native-video

app/(auth)/player/direct-player.tsx

@@ -27,7 +27,7 @@ import {
 } from "@jellyfin/sdk/lib/utils/api";
 import { useQuery } from "@tanstack/react-query";
 import { useHaptic } from "@/hooks/useHaptic";
-import { useFocusEffect, useGlobalSearchParams } from "expo-router";
+import { useGlobalSearchParams, useNavigation } from "expo-router";
 import { useAtomValue } from "jotai";
 import React, {
   useCallback,
@@ -49,6 +49,7 @@ export default function page() {
   const user = useAtomValue(userAtom);
   const api = useAtomValue(apiAtom);
   const { t } = useTranslation();
+  const navigation = useNavigation();
 
   const [isPlaybackStopped, setIsPlaybackStopped] = useState(false);
   const [showControls, _setShowControls] = useState(true);
@@ -386,6 +387,14 @@ export default function page() {
   const insets = useSafeAreaInsets();
 
   if (!item || isLoadingItem || isLoadingStream)
+    useEffect(() => {
+      const beforeRemoveListener = navigation.addListener("beforeRemove", stop);
+      return () => {
+        beforeRemoveListener();
+      };
+    }, [navigation]);
+
+  if (!item || isLoadingItem || !stream)
     return (
       <View className="w-screen h-screen flex flex-col items-center justify-center bg-black">
         <Loader />