feat(rtc): add useIsConnected

AgoraIO-Extensions · Mar 24, 2023 · ee3aa21 · ee3aa21
1 parent bf3c869
commit ee3aa21
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/packages/agora-rtc-react/src/hooks/client.ts b/packages/agora-rtc-react/src/hooks/client.ts
@@ -18,6 +18,23 @@ export function useConnectionState(client?: IAgoraRTCClient | null): ConnectionS
   return connectionState;
 }
 
+export function useIsConnected(client?: IAgoraRTCClient | null): boolean {
+  const [isConnected, setConnected] = useState(
+    client ? client.connectionState === "CONNECTED" : false,
+  );
+  useEffect(() => {
+    if (client) {
+      setConnected(client.connectionState === "CONNECTED");
+      return listen(client, "connection-state-change", state => {
+        setConnected(state === "CONNECTED");
+      });
+    } else {
+      setConnected(false);
+    }
+  }, [client]);
+  return isConnected;
+}
+
 export interface NetworkQuality {
   /**
    * The uplink network quality.