ChatContext

ChatContext is provided by Chat. If you are not familiar with the React Context API, see the React docs.

Best Practices

• Prefer useChatContext over useContext(ChatContext) for consistency.
• Read isOnline before showing connection-dependent UI or actions.
• Keep a single client instance in context to avoid race conditions.
• Use the context-provided ImageComponent to keep image rendering consistent.
• Treat mutedUsers as read-only UI state; change it via client methods.

Basic Usage

Consume ChatContext in any child of Chat:

import { useContext } from "react";
import { ChatContext } from "stream-chat-react-native";

const { client, isOnline } = useContext(ChatContext);

Alternatively, use the useChatContext hook.

import { useChatContext } from "stream-chat-react-native";

const { client, isOnline } = useChatContext();

Value

client

Stream Chat client instance.

connectionRecovering

true when the WebSocket connection is disconnected and being recovered.

isOnline

true when the current user is connected.

ImageComponent

mutedUsers

Users muted by the current user.