From dac00c7efec5edd2b97c5eae01510492e48b095f Mon Sep 17 00:00:00 2001
From: Suraj Chauhan <suraj.chauhan@cometchat.com>
Date: Wed, 30 Sep 2026 15:44:29 +0530
Subject: [PATCH 1/2] docs(react-native): register the formatter on the thread
 header too

Step 4 listed five surfaces and said the rest inherit the formatter. The thread
panel does not: `CometChatThreadHeader` takes its own `textFormatters`
(CometChatThreadHeader.tsx:96) and passes it into `getAllMessageTemplates`
(:280), which builds the parent message bubble. Leave it off and the message at
the top of a thread renders the raw marker while the replies below it show
color.

The word "thread" did not appear anywhere on the page. React's guide already
lists `CometChatThreadHeader` in its Step 7.

Verified before writing it down: `applyRawFormatters` returns the text
untouched when given no formatters and the kit's own `matchColorTagAt` does not
recognise a consumer token, so nothing downstream picks it up either; then ran
the guide's formatter in the masterapp with the thread header registered and
confirmed the parent message renders in color.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 ui-kit/react-native/guide-custom-text-formatter.mdx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/ui-kit/react-native/guide-custom-text-formatter.mdx b/ui-kit/react-native/guide-custom-text-formatter.mdx
index cb7b99f0f..de7f178b6 100644
--- a/ui-kit/react-native/guide-custom-text-formatter.mdx
+++ b/ui-kit/react-native/guide-custom-text-formatter.mdx
@@ -171,6 +171,7 @@ import {
   CometChatPinnedMessages,
   CometChatSavedMessages,
   CometChatSearch,
+  CometChatThreadHeader,
 } from "@cometchat/chat-uikit-react-native";
 
 // user={user} or group={group} on the conversation-scoped components — one, never both
@@ -179,6 +180,9 @@ import {
 <CometChatSearch textFormatters={[colorFormatter]} />
 <CometChatPinnedMessages user={user} textFormatters={[colorFormatter]} />
 <CometChatSavedMessages textFormatters={[colorFormatter]} />
+
+// on your thread screen — the thread panel does not inherit it
+<CometChatThreadHeader parentMessage={parentMessage} textFormatters={[colorFormatter]} />
 ```
 
 Media captions, the quoted reply inside a bubble, the reply and edit previews above the composer, and the message information screen all inherit the formatter from the component that renders them — you do not register those separately.

From ff9c5c3c8fe27abd5f3b7b83e56d8e9de4b59784 Mon Sep 17 00:00:00 2001
From: Suraj Chauhan <suraj.chauhan@cometchat.com>
Date: Fri, 16 Oct 2026 16:31:48 +0530
Subject: [PATCH 2/2] docs(react-native): document textFormatters on the thread
 header page

The reference page never listed textFormatters (CometChatThreadHeader.tsx:96).
It is not inherited from the message list, so say so and link the guide.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../react-native/threaded-messages-header.mdx | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/ui-kit/react-native/threaded-messages-header.mdx b/ui-kit/react-native/threaded-messages-header.mdx
index f8a9b2138..c83221d0d 100644
--- a/ui-kit/react-native/threaded-messages-header.mdx
+++ b/ui-kit/react-native/threaded-messages-header.mdx
@@ -11,7 +11,7 @@ description: "Display the parent message and reply count for threaded conversati
 | Package | `@cometchat/chat-uikit-react-native` |
 | Import | `import { CometChatThreadHeader } from "@cometchat/chat-uikit-react-native";` |
 | Purpose | Displays the parent message and number of replies in a thread. |
-| Data props | `parentMessage` · `template` |
+| Data props | `parentMessage` · `template` · `textFormatters` |
 | Primary output | None — presentational; renders the parent message and reply count |
 | Styling | `style` prop — [tokens and overrides](#styling) |
 | Prerequisites | `CometChatUIKit.init()` completed and a user logged in |
@@ -157,6 +157,23 @@ function CustomTemplateDemo() {
 }
 ```
 
+### Text Formatters
+
+The thread header renders the parent message with its own `textFormatters`. It does **not** inherit them from `CometChatMessageList`, so pass the same formatters to both, or the parent message shows raw, unformatted text while the replies are formatted.
+
+```tsx
+<CometChatThreadHeader
+  parentMessage={parentMessage}
+  textFormatters={[myFormatter]}
+/>
+```
+
+| Property | Description | Code |
+| --- | --- | --- |
+| `textFormatters` | Formatters applied to the parent message text | `textFormatters?: Array<CometChatMentionsFormatter \| CometChatUrlsFormatter \| CometChatTextFormatter>` |
+
+See the [Custom Text Formatter guide](/ui-kit/react-native/guide-custom-text-formatter) for a full example.
+
 ---
 
 ## Thread Subscription