useRoomInfo

function useRoomInfo(options?): {
  name: string;
  metadata: string | undefined;
};

{
  name: string;
  metadata: string | undefined;
}

name: string;

metadata: string | undefined;

// Basic — read the current room name and metadata.
const { name, metadata } = useRoomInfo();

// Advanced — render room details with the participant roster.
function RoomHeader() {
  return (
    <VoiceRoom agent={agent}>
      <RoomDetails />
    </VoiceRoom>
  );
}
function RoomDetails() {
  const { name, metadata } = useRoomInfo();
  const participants = useParticipants();
  return <><h2>{name}</h2>{metadata ? <p>{metadata}</p> : null}<ParticipantLoop participants={participants}><ParticipantName /></ParticipantLoop></>;
}