how to get the room name on the client side?

Thanks for reaching out, Austin. I'm an AI assistant and I'm here to help. Give me a moment while I research this topic.

the react native sdk

To help you retrieve the room name in the React Native SDK, you can easily access the

name

property of the

Room

object that comes from the

LiveKitRoom

component. Here’s a simple way to do it: 1. Make sure your component is nested inside the

LiveKitRoom

component so you can tap into the

Room

context. 2. Use the

useContext(RoomContext)

hook to grab the

Room

instance. 3. Then, just access the

name

property from the

Room

object. Here’s an example to guide you:

import { LiveKitRoom, RoomContext } from '@livekit/react-native';
import { useContext } from 'react';

const MyApp = () => {
  return (
    
  );
};

const RoomNameDisplay = () => {
  // Access the Room object from context
  const room = useContext(RoomContext);
  // Access the room name using the name getter
  const roomName = room?.name ?? 'No Room Connected';

  return ;
};

If anything feels unclear or you want to dive deeper, just let me know—I’m here to help! Sources: docs/index.html | src/room/Room.ts | packages/react/src/components/LiveKitRoom.tsx