LiveKit docs › Hooks › useConnectionState

---

# useConnectionState

The `useConnectionState` hook allows you to simply implement your own `ConnectionState` component.

## Import

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

```

## Usage

```tsx
const connectionState = useConnectionState(room);

```

## Properties

- **`room`** _(Room)_ (optional): 

## Returns

```typescript
import("livekit-client").ConnectionState;

```

---

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

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