LiveKit docs › Components › ConnectionState

---

# ConnectionState

The `ConnectionState` component displays the connection status of the room as strings (`"connected" | "connecting" | "disconnected" | "reconnecting"`).

## Import

```typescript
import { ConnectionState } from "@livekit/components-react";

```

## Usage

```tsx
<LiveKitRoom>
  <ConnectionState />
</LiveKitRoom>

```

## Properties

- **`room`** _(Room)_ (optional): _(Optional)_ The room from which the connection status should be displayed.

---

This document was rendered at 2026-06-07T11:32:06.820Z.
For the latest version of this document, see [https://docs.livekit.io/reference/components/react/component/connectionstate.md](https://docs.livekit.io/reference/components/react/component/connectionstate.md).

To explore all LiveKit documentation, see [llms.txt](https://docs.livekit.io/llms.txt).