ThreadContext

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

Best Practices

• Use useThreadContext for consistent access and typings.
• Manage thread navigation via openThread/closeThread rather than manual state.
• Use threadHasMore and threadLoadingMore to control pagination.
• Keep thread UI logic separate from channel message lists.
• Avoid heavy computations in thread context consumers.

Basic Usage

Consume ThreadContext in any child of Channel:

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

const value = useContext(ThreadContext);

Alternatively, use the useThreadContext hook.

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

const value = useThreadContext();

Value

allowThreadMessagesInChannel

Show the Show thread message in channel button in thread MessageInput.

closeThread

Unsets the thread and thread messages in the Channel state.

loadMoreThread

Loads more messages for the thread. Returns a promise.

openThread

Sets the thread and thread messages in the Channel state.

parentMessagePreventPress

Boolean to enable/disable parent message press.

reloadThread

Reloads the thread and thread messages.

setThreadLoadingMore

A function which can be used to set the thread loading more state.

thread

threadHasMore

Boolean flag for thread messages pagination.

threadLoadingMore

Boolean flag for thread messages loading more state.

threadMessages

A list of formatted messages objects.

| Type | | --------------- | --- | | Array<object> | |