> ## Documentation Index
> Fetch the complete documentation index at: https://docs.daily.co/llms.txt
> Use this file to discover all available pages before exploring further.

# useMeetingState

> useMeetingState is a convenience hook for the Daily meetingState() method.

`useMeetingState() : DailyMeetingState`

Wraps [`meetingState()`](/reference/daily-js/instance-methods/meeting-state) 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

```jsx theme={null}
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

<CardGroup>
  <Card title="daily-js methods" icon="code" iconType="solid">
    * [meetingState()](/reference/daily-js/instance-methods/meeting-state)
  </Card>

  <Card title="Events" icon="bolt" iconType="solid">
    * [joined-meeting](/reference/daily-js/events/lifecycle-events#joined-meeting)
    * [left-meeting](/reference/daily-js/events/lifecycle-events#left-meeting)
  </Card>
</CardGroup>