useConnectionState

function useConnectionState(): VoiceConnectionState;

// Basic — branch on the current room connection state.
const state = useConnectionState();
if (state === "connecting") return <Spinner />;

// Advanced — pair connection state with room audio.
function ConnectionGate() {
  const state = useConnectionState();

  return (
    <VoiceRoom agent={agent}>
      {state === "connected" ? <RoomAudioRenderer /> : <p>{state}</p>}
      <VoiceAssistantControlBar controls={{ microphone: true, leave: true }} />
    </VoiceRoom>
  );
}