Skip to main content
useMeetingState() : DailyMeetingState Wraps meetingState() and triggers a re-render whenever the meeting state changes.

​
Return value

Returns a DailyMeetingState string: 'new' | 'loading' | 'loaded' | 'joining-meeting' | 'joined-meeting' | 'left-meeting' | 'error'. Defaults to 'new'.

​
Example

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>
  );
};

​
See also

daily-js methods

Events