useMeetingState

useMeetingState() : DailyMeetingState

useMeetingState is a convenience hook for the Daily meetingState() method. It returns the current meeting state.

Return type

NameTypeDescription
meetingStatestring'new' | 'loading' | 'loaded' | 'joining-meeting' | 'joined-meeting' | 'left-meeting' | 'error'. Defaults to 'new'.

Sample code

import { useMeetingState } from '@daily-co/daily-react';
export const MyMeetingState = () => {
const meetingState = useMeetingState();
return (
<div>
<h1>Current meeting state: {meetingState}</h1>
<p>{meetingState === 'left-meeting' && 'Goodbye!'}</p>
</div>
);
};