useTextStream encounters TypeError('A text stream handler for topic...') upon browser refresh (#1118)

Co-authored-by: lukasIO <[email protected]>

Author: hudson-worden

.changeset/itchy-rocks-tan.md

@@ -0,0 +1,5 @@
+---
+"@livekit/components-react": patch
+---
+
+fix: avoid text stream re-register on disconnect

packages/react/src/hooks/useTextStream.ts

@@ -19,14 +19,10 @@ export function useTextStream(topic: string) {
   const room = useRoomContext();
 
   const connectionState = useConnectionState(room);
-  const isDisconnected = React.useMemo(
-    () => connectionState === ConnectionState.Disconnected,
-    [connectionState],
-  );
+  const isDisconnected = connectionState === ConnectionState.Disconnected;
 
-  const textStreamObservable = React.useMemo(() => {
-    return setupTextStream(room, topic);
-  }, [room, topic, isDisconnected]);
+  const textStreamData = React.useMemo(() => setupTextStream(room, topic), [room, topic]);
+  const textStreamObservable = isDisconnected ? undefined : textStreamData;
 
   const textStreams = useObservableState<TextStreamData[]>(textStreamObservable, []);