Thread

Renders thread replies for a message, with an input for new replies. Internally uses MessageList and MessageComposer.

Best Practices

• Render Thread within Channel and pass thread/threadList correctly.
• Use closeThreadOnDismount to keep channel state in sync.
• Avoid heavy customization; override MessageList/MessageComposer only when needed.
• Keep thread input focused only when appropriate (autoFocus).
• Use reloadThread/loadMoreThread instead of manual pagination.

General Usage

import {
  OverlayProvider,
  Chat,
  Channel,
  Thread,
} from "stream-chat-react-native";

const App = () => {
  return (
    <OverlayProvider>
      <Chat client={client}>
        <Channel channel={channel} thread={message} threadList>
          <Thread />
        </Channel>
      </Chat>
    </OverlayProvider>
  );
};

Props

UI Component Props