fix: prevent unattended reloading on transcript page (#410)

www/app/(app)/transcripts/useMp3.ts

@@ -52,7 +52,7 @@ const useMp3 = (id: string, waiting?: boolean): Mp3Response => {
     audioElement.preload = "auto";
     setMedia(audioElement);
     setLoading(false);
-  }, [id, api, later]);
+  }, [id, !api, later]);
 
   const getNow = () => {
     setLater(false);

www/app/(app)/transcripts/useTopics.ts

@@ -38,7 +38,7 @@ const useTopics = (id: string): TranscriptTopics => {
           setError(err);
         }
       });
-  }, [id, api]);
+  }, [id, !api]);
 
   return { topics, loading, error };
 };

www/app/(app)/transcripts/useWaveform.ts

@@ -36,7 +36,7 @@ const useWaveform = (id: string, waiting: boolean): AudioWaveFormResponse => {
           setError(err);
         }
       });
-  }, [id, api, waiting]);
+  }, [id, !api, waiting]);
 
   return { waveform, loading, error };
 };

www/app/(app)/transcripts/useWebRTC.ts

@@ -13,7 +13,7 @@ const useWebRTC = (
   const api = useApi();
 
   useEffect(() => {
-    if (!stream || !transcriptId) {
+    if (!stream || !transcriptId || !api) {
       return;
     }
 
@@ -63,7 +63,7 @@ const useWebRTC = (
     return () => {
       p.destroy();
     };
-  }, [stream, transcriptId]);
+  }, [stream, transcriptId, !api]);
 
   return peer;
 };