LiveKit docs › React components › Components › Chat

---

# Chat

The Chat component provides ready-to-use chat functionality in a LiveKit room. Messages are distributed to all participants in the room in real-time.

## Import

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

```

## Remarks

- Only users who are in the room at the time of dispatch will receive messages - Message history is not persisted between sessions - Requires `@livekit/components-styles` to be imported for styling

## Usage

```tsx
import "@livekit/components-styles";

function Room() {
  return (
    <LiveKitRoom data-lk-theme="default">
      <Chat />
    </LiveKitRoom>
  );
}

```

For custom styling, refer to: https://docs.livekit.io/reference/components/react/concepts/style-components/

## Properties

- **`messageFormatter`** _(MessageFormatter)_ (optional): _(Optional)_

---

This document was rendered at 2026-10-12T06:49:56.822Z.
For the latest version of this document, see [https://docs.livekit.io/reference/components/react/component/chat.md](https://docs.livekit.io/reference/components/react/component/chat.md).

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