_overrides the value from [MessageInputContext](../../contexts/message-input-context#fileuploads)_
`fileUploads` {#fileuploads}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#removefile)_
`removeFile` {#removefile}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#uploadfile)_
`uploadFile` {#uploadfile}
-
- _overrides the value from [MessagesContext](../../contexts/messages-context#additionalpressableprops)_
`additionalPressableProps` {#additionalpressableprops}
-
-_overrides the value from [MessageContext](../../contexts/message-context#alignment)_
`alignment` {#alignment}
-
-_overrides the value from [MessageContext](../../contexts/message-context#groupstyles)_
`groupStyles` {#groupstyles}
-
-_overrides the value from [MessageContext](../../contexts/message-context#images)_
`images` {#images}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#legacyimageviewerswipebehaviour)_
`legacyImageViewerSwipeBehaviour` {#legacyimageviewerswipebehaviour}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onlongpress)_
`onLongPress` {#onlongpress}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onpress)_
`onPress` {#onpress}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onpressin)_
`onPressIn` {#onpressin}
-
-_overrides the value from [ImageGalleryContext](../../contexts/image-gallery-context#setimage)_
`setSelectedMessage` {#setselectedmessage}
-
-_overrides the value from [ImageGalleryContext](../../contexts/image-gallery-context#setimages)_
`setMessages` {#setmessages}
-
-_overrides the value from [OverlayContext](../../contexts/overlay-context#setoverlay)_
`setOverlay` {#setoverlay}
-
-_overrides the value from [MessageContext](../../contexts/message-context#threadlist)_
`threadList` {#threadlist}
-
-_overrides the value from [MessageContext](../../contexts/message-context#videos)_
`videos` {#videos}
-
-_overrides the value from [MessageContext](../../contexts/messages-context#videothumbnail)_
`VideoThumbnail` {#videoThumbnail}
-
-required
`attachment`
-
-Attachment object for `giphy` type attachment.
-
-| Type |
-| ------ |
-| Object |
-
-### _overrides the value from [MessagesContext](../../contexts/messages-context#additionalpressableprops)_
`additionalPressableProps` {#additionalpressableprops}
-
-_overrides the value from [MessageContext](../../contexts/message-context#handleaction)_
`handleAction` {#handleaction}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onlongpress)_
`onLongPress` {#onlongpress}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onpress)_
`onPress` {#onpress}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onpressin)_
`onPressIn` {#onpressin}
-
-_overrides the value from [ImageGalleryContext](../../contexts/image-gallery-context#setimage)_
`setSelectedMessage` {#setselectedmessage}
-
-_overrides the value from [ImageGalleryContext](../../contexts/image-gallery-context#setimages)_
`setMessages` {#setmessages}
-
-_overrides the value from [OverlayContext](../../contexts/overlay-context#setoverlay)_
`setOverlay` {#setoverlay}
-
-_overrides the value from [ChatContext](../../contexts/chat-context#imagecomponent)_
`ImageComponent` {#imagecomponent}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#imageuploads)_
`imageUploads` {#imageuploads}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#removeimage)_
`removeImage` {#removeimage}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#uploadimage)_
`uploadImage` {#uploadimage}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#giphyactive)_
`giphyActive` {#giphyactive}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#hascommands)_
`hasCommands` {#hascommands}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#hasfilepicker)_
`hasFilePicker` {#hasfilepicker}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#hasimagepicker)_
`hasImagePicker` {#hasimagepicker}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#opencommandspicker)_
`openCommandsPicker` {#opencommandspicker}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#selectedpicker)_
`selectedPicker` {#selectedpicker}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#setshowmoreoptions)_
`setShowMoreOptions` {#setshowmoreoptions}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#showmoreoptions)_
`showMoreOptions` {#showmoreoptions}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#text)_
`text` {#text}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#toggleattachmentpicker)_
`toggleAttachmentPicker` {#toggleattachmentpicker}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#attachbutton)_
`AttachButton` {#attachbutton}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#commandsbutton)_
`CommandsButton` {#commandsbutton}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#moreoptionsbutton)_
`MoreOptionsButton` {#moreoptionsbutton}
-
-_overrides the value from [ChannelContext](../../contexts/channel-context#disabled)_
`disabled` {#disabled}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#cleareditingstate)_
`clearEditingState` {#clearEditingState}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#resetinput)_
`resetInput` {#resetInput}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#additionaltextinputProps)_
`additionalTextInputProps` {#additionalTextInputProps}
-
-_overrides the value from [ChannelContext](../../contexts/channel-context#disabled)_
`disabled` {#disabled}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#cooldownendsat)_
`cooldownEndsAt` {#cooldownEndsAt}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#setgiphyactive)_
`setGiphyActive` {#setGiphyActive}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#setshowmoreoptions)_
`setShowMoreOptions` {#setShowMoreOptions}
-
-_overrides the value from [ChannelContext](../../contexts/channel-context#disabled)_
`disabled` {#disabled}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#clearEditingState)_
`clearQuotedMessageState` {#clearQuotedMessageState}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#resetInput)_
`resetInput` {#resetInput}
-
-_overrides the value from [MessageContext](../contexts/message-context.mdx#alignment)_
`alignment` {#alignment}
-
-_overrides the value from [MessageContext](../contexts/message-context.mdx#lastgroupmessage)_
`lastGroupMessage` {#lastgroupmessage}
-
-_overrides the value from [MessageContext](../contexts/message-context.mdx#message)_
`message` {#message}
-
-_overrides the value from [ChatContext](../contexts/chat-context.mdx#imagecomponent)_
`ImageComponent` {#imagecomponent}
-
-_overrides the value from [MessageContext](../../contexts/message-context#message)_
`message` {#message}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#additionalpressableprops)_
`additionalPressableProps` {#additionalpressableprops}
-
-_overrides the value from [MessageContext](../../contexts/message-context#alignment)_
`alignment` {#alignment}
-
-_overrides the value from [MessageContext](../../contexts/message-context#disabled)_
`disabled` {#disabled}
-
-_overrides the value from [MessageContext](../../contexts/message-context#gotomessage)_
`goToMessage` {#gotomessage}
-
-_overrides the value from [MessageContext](../../contexts/message-context#groupstyles)_
`groupStyles` {#groupstyles}
-
-_overrides the value from [MessageContext](../../contexts/message-context#isattachmentequal)_
`isAttachmentEqual` {#isattachmentequal}
-
-_overrides the value from [MessageContext](../../contexts/message-context#iseditedmessageopen)_
`isEditedMessageOpen` {#iseditedmessageopen}
-
-_overrides the value from [MessageContext](../../contexts/message-context#ismymessage)_
`isMyMessage` {#ismymessage}
-
-_overrides the value from [MessageContext](../../contexts/message-context#message)_
`message` {#message}
-
-_overrides the value from [MessageContext](../../contexts/message-context#messagecontentorder)_
`messageContentOrder` {#messagecontentorder}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#mymessagetheme)_
`MyMessageTheme` {#mymessagetheme}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onlongpress)_
`onLongPress` {#onlongpress}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onpress)_
`onPress` {#onpress}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onpressin)_
`onPressIn` {#onpressin}
-
-_overrides the value from [MessageContext](../../contexts/message-context#otherattachments)_
`otherAttachments` {#otherattachments}
-
-_overrides the value from [MessageContext](../../contexts/message-context#preventpress)_
`preventPress` {#preventpress}
-
-_overrides the value from [MessageContext](../../contexts/message-context#threadlist)_
`threadList` {#threadlist}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#attachment)_
`Attachment` {#attachment}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#fileattachmentgroup)_
`FileAttachmentGroup` {#fileattachmentgroup}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#gallery)_
`Gallery` {#gallery}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#messageerror)_
`MessageError` {#messageerror}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#reply)_
`Reply` {#reply}
-
-required
`date`
-
-DateTime stamp to be shown in footer for deleted message.
-
-| Type |
-| ------ |
-| String |
-
-### required
`groupStyle`
-
-Group styles which is combination of [alignment](../../contexts/message-context#alignment) and [`groupStyles`](../../contexts/message-context#groupstyles)
-
-for example `left_bottom`, `left_single`, `right_top`
-
-This prop decides the appropriate border radius to apply for deleted message container.
-
-| Type |
-| ------ |
-| String |
-
-### required
`noBorder`
-
-Weather to show the borders for deleted message or not. By default, this value is computed as follow:
-
-```tsx
-const noBorder = (onlyEmojis && !message.quoted_message) || !!otherAttachments.length;
-```
-
-| Type |
-| ------- |
-| Boolean |
-
-
-
-### _overrides the value from [MessageContext](../../contexts/message-context#alignment)_
`alignment` {#alignment}
-
-_overrides the value from [MessageContext](../../contexts/message-context#message)_
`message` {#message}
-
-_overrides the value from [MessageContext](../../contexts/message-context#message)_
`message` `{#message}`
-
-required
`date`
-
-DateTime stamp to be shown in footer for deleted message.
-
-| Type |
-| --------------------------------- |
-| `String` \| `Date` \| `undefined` |
-
-### required
`isDeleted`
-
-Weather message is deleted or not. In case of deleted message, `'Only visible to you'` subtext will be rendered in this component.
-
-| Type | Default |
-| ------- | ------- |
-| Boolean | `false` |
-
-### _overrides the value from [MessageContext](../../contexts/message-context#alignment)_
`alignment` {#alignment}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#deletedmessagesvisibiltytype)_
`deletedMessagesVisibilityType` {#deletedmessagesvisibilitytype}
-
-_overrides the value from [MessageContext](../../contexts/message-context#lastgroupmessage)_
`lastGroupMessage` {#lastgroupmessage}
-
-_overrides the value from [MessageContext](../../contexts/message-context#members)_
`members` {#members}
-
-_overrides the value from [MessageContext](../../contexts/message-context#message)_
`message` {#message}
-
-_overrides the value from [MessageContext](../../contexts/message-context#otherattachments)_
`otherAttachments` {#otherattachments}
-
-_overrides the value from [MessageContext](../../contexts/message-context#showmessagestatus)_
`showMessageStatus` {#showmessagestatus}
-
-
-
-
-
-
-
-);
-```
-
-## Props
-
-:::note
-All the configuration for `MessageInput` can be done on [`Channel`](../core-components/channel.mdx) component.
-Additionally please take a look at our [Guide Section](../guides/custom-message-input.mdx) on how to customize MessageInput UI
-:::
-
-### _overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#asyncmessageslockdistance)_
`asyncMessagesLockDistance` {#asyncmessageslockdistance}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#asyncmessagesminimumpressduration)_
`asyncMessagesMinimumPressDuration` {#asyncmessagesminimumpressduration}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#asyncmessagesmultisendenabled)_
`AsyncMessagesMultiSendEnabled` {#asyncmessagesmultisendenabled}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#cleareditingstate)_
`asyncMessagesSlideToCancelDistance` {#asyncmessagesslideTocanceldistance}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#audiorecordingenabled)_
`audioRecordingEnabled` {#audiorecordingenabled}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#cleareditingstate)_
`clearEditingState` {#cleareditingstate}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#clearquotedmessagestate)_
`clearQuotedMessageState` {#clearquotedmessagestate}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#closeattachmentpicker)_
`closeAttachmentPicker` {#closeattachmentpicker}
-
-_overrides the value from [ChannelContext](../contexts/channel-context.mdx#disabled)_
`disabled` {#disabled}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#editing)_
`editing` {#editing}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#fileuploads)_
`fileUploads` {#fileuploads}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#giphyactive)_
`giphyActive` {#giphyactive}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#imageuploads)_
`imageUploads` {#imageuploads}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#inputboxref)_
`inputBoxRef` {#inputboxref}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#isvalidmessage)_
`isValidMessage` {#isvalidmessage}
-
-_overrides the value from [ChannelContext](../contexts/channel-context.mdx#members)_
`members` {#members}
-
-_overrides the value from [SuggestionsContext](../contexts/suggestions-context.mdx#suggestions)_
`suggestions` {#suggestions}
-
-_overrides the value from [SuggestionsContext](../contexts/suggestions-context.mdx#suggestionstitle)_
`suggestionsTitle` {#suggestionstitle}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#additionaltextinputprops)_
`additionalTextInputProps` {#additionaltextinputprops}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#asyncids)_
`asyncIds` {#asyncids}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#asyncuploads)_
`asyncUploads` {#asyncuploads}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#maxnumberoffiles)_
`maxNumberOfFiles` {#maxnumberoffiles}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#mentionedusers)_
`mentionedUsers` {#mentionedusers}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#numberofuploads)_
`numberOfUploads` {#numberofuploads}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#quotedmessage)_
`quotedMessage` {#quotedmessage}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#removeimage)_
`removeImage` {#removeimage}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#resetinput)_
`resetInput` {#resetinput}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#sending)_
`sending` {#sending}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#sendmessageasync)_
`sendMessageAsync` {#sendmessageasync}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#setgiphyactive)_
`setGiphyActive` {#setgiphyactive}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#showmoreoptions)_
`showMoreOptions` {#showmoreoptions}
-
-_overrides the value from [ThreadContext](../contexts/message-input-context.mdx#thread)_
`thread` {#thread}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#uploadnewimage)_
`uploadNewImage` {#uploadnewimage}
-
-_overrides the value from [ChannelContext](../contexts/channel-context.mdx#watchers)_
`watchers` {#watchers}
-
-_overrides the value from [SuggestionsContext](../contexts/suggestions-context.mdx#triggertype)_
`triggerType` {#triggertype}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#audiorecorder)_
`AudioRecorder` {#audiorecorder}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#audiorecordinginprogress)_
`AudioRecordingInProgress` {#audiorecordinginprogress}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#audiorecordinglockindicator)_
`AudioRecordingLockIndicator` {#audiorecordinglockindicator}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#audiorecordingpreview)_
`AudioRecordingPreview` {#audiorecordingpreview}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#audiorecordingwaveform)_
`AudioRecordingWaveform` {#audiorecordingwaveform}
-
-_overrides the value from [ChannelContext](../contexts/messages-context.mdx#reply)_
`Reply` {#reply}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#fileuploadpreview)_
`FileUploadPreview` {#fileuploadpreview}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#imageuploadpreview)_
`ImageUploadPreview` {#imageuploadpreview}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#input)_
`Input` {#input}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#inputbuttons)_
`InputButtons` {#inputbuttons}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#sendbutton)_
`SendButton` {#sendbutton}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#showthreadmessageinchannelbutton)_
`ShowThreadMessageInChannelButton` {#showthreadmessageinchannelbutton}
-
-_overrides the value from [MessageInputContext](../contexts/message-input-context.mdx#startaudiorecordingbutton)_
`StartAudioRecordingButton` {#startaudiorecordingbutton}
-
-
-
-
- // highlight-next-line
-
-
-
- );
-};
-```
-
-## Props
-
-### `additionalFlatListProps`
-
-Set any additional props on underlying [FlatList](https://reactnative.dev/docs/flatlist#props).
-
-```jsx
-const flatListProps = { bounces: true };
-
- (flRef.current = ref)} />;
-```
-
-| Type |
-| ------------------------- |
-| `Function` \| `undefined` |
-
-### `threadList`
-
-Boolean whether or not the Messages in the MessageList are part of a Thread.
-
-| Type | Default |
-| ------------------------ | ------- |
-| `Boolean` \| `undefined` | `false` |
-
-## UI Component Props
-
-### `FooterComponent`
-
-Component to render footer for MessageList component. Since we use inverted FlatList, this component will be rendered at top of the list.
-In absence of this prop, an inline loading indicator will be rendered when channel is loading more results.
-
-| Type | Default |
-| ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| ComponentType \| `undefined` | [`InlineLoadingMoreIndicator`](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/InlineLoadingMoreIndicator.tsx) |
-
-### `HeaderComponent`
-
-Component to render header for MessageList component. Since we use inverted FlatList, this component will be rendered at bottom of the list.
-In absence of this prop, an inline loading indicator will be rendered when channel is loading more results.
-
-| Type | Default |
-| ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| ComponentType \| `undefined` | [`InlineLoadingMoreRecentIndicator`](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/InlineLoadingMoreRecentIndicator.tsx) |
-
-### `ScrollToBottomButton`
-
-Component that renders the scroll to bottom button, to scroll to the latest message in the list when the scroll position is somewhere else.
-
-| Type | Default |
-| ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| ComponentType | [`ScrollToBottomButton`](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/components/MessageList/ScrollToBottomButton.tsx) |
-
-### `TypingIndicator`
-
-Component to render typing indicator within enclosed `MessageList` component.
-
-| Type | Default |
-| ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
-| ComponentType | [`TypingIndicator`](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/components/MessageList/TypingIndicator.tsx) |
-
-### `DateHeader`
-
-Component to render sticky date header within enclosed `MessageList` component.
-
-| Type | Default |
-| ------------- | --------------------------------------------------------------------------------------------------------------------------------- |
-| ComponentType | [`DateHeader`](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/DateHeader.tsx) |
diff --git a/docusaurus/docs/reactnative/ui-components/message-pinned-header.mdx b/docusaurus/docs/reactnative/ui-components/message-pinned-header.mdx
deleted file mode 100644
index cbceec4446..0000000000
--- a/docusaurus/docs/reactnative/ui-components/message-pinned-header.mdx
+++ /dev/null
@@ -1,29 +0,0 @@
----
-id: message-pinned-header
-title: MessagePinnedHeader
----
-
-import MessageProp from '../common-content/contexts/message-context/message.mdx';
-import LastGroupMessage from '../common-content/contexts/message-context/last_group_message.mdx';
-
-Component to render the pinned message label (user) of a message within the [`MessageList`](./message-list.mdx).
-
-## Basic Usage
-
-You can customize the `MessagePinnedHeader` component and provide it back to the SDK via the [`MessagePinnedHeader`](../../core-components/channel#MessagePinnedHeader) prop on `Channel` if desired.
-
-```tsx
-import {Channel, MessageAvatar} from 'stream-chat-react-native';
-
-const MessagePinnedHeaderComponent = () => _overrides the value from [MessageContext](../../contexts/message-context#message)_
`message` {#message}
-
-_overrides the value from [MessageContext](../../contexts/message-context#alignment)_
`alignment` {#alignment}
-
-_overrides the value from [MessageContext](../../contexts/message-context#message)_
`message` {#message}
-
-_overrides the value from [ChatContext](../../contexts/chat-context#imagecomponent)_
`ImageComponent` {#imagecomponent}
-
-required
`noBorder`
-
-If true, little curved line next to the reply count won't be rendered.
-
-| Type |
-| ------- |
-| Boolean |
-
-### required
`repliesCurveColor`
-
-Color for the curved line next to the reply count.
-
-| Type |
-| ------ |
-| String |
-
-### _overrides the value from [MessageContext](../../contexts/message-context#alignment)_
`alignment` {#alignment}
-
-_overrides the value from [MessageContext](../../contexts/message-context#message)_
`message` {#message}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onlongpress)_
`onLongPress` {#onlongpress}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onpress)_
`onPress` {#onpress}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onopenthread)_
`onOpenThread` {#onopenthread}
-
-_overrides the value from [MessageContext](../../contexts/message-context#threadlist)_
`threadList` {#threadlist}
-
-_overrides the value from [MessageContext](../../contexts/message-context#alignment)_
`alignment` {#alignment}
-
-_overrides the value from [ChannelContext](../../contexts/channel-context#channel)_
`channel` {#channel}
-
-_overrides the value from [MessageContext](../../contexts/message-context#enablemessagegroupingbyuser)_
`enableMessageGroupingByUser` {#enablemessagegroupingbyuser}
-
-_overrides the value from [MessageContext](../../contexts/message-context#groupstyles)_
`groupStyles` {#groupstyles}
-
-_overrides the value from [MessageContext](../../contexts/message-context#hasreactions)_
`hasReactions` {#hasreactions}
-
-_overrides the value from [MessageContext](../../contexts/message-context#ismymessage)_
`isMyMessage` {#ismymessage}
-
-_overrides the value from [MessageContext](../../contexts/message-context#lastgroupmessage)_
`lastGroupMessage` {#lastgroupmessage}
-
-_overrides the value from [MessageContext](../../contexts/message-context#members)_
`members` {#members}
-
-_overrides the value from [MessageContext](../../contexts/message-context#message)_
`message` {#message}
-
-_overrides the value from [MessageContext](../../contexts/message-context#onlyemojis)_
`onlyEmojis` {#onlyEmojis}
-
-_overrides the value from [MessageContext](../../contexts/message-context#otherattachments)_
`otherAttachments` {#otherattachments}
-
-_overrides the value from [MessageContext](../../contexts/message-context#showmessagestatus)_
`showMessageStatus` {#showmessagestatus}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#mymessagetheme)_
`MyMessageTheme` {#mymessagetheme}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#messageavatar)_
`MessageAvatar` {#messageavatar}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#messagecontent)_
`MessageContent` {#messagecontent}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#messagedeleted)_
`MessageDeleted` {#messagedeleted}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#messagefooter)_
`MessageFooter` {#messagefooter}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#messageheader)_
`MessageHeader` {#messageheader}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#messagepinnedheader)_
`MessagePinnedHeader` {#messagepinnedheader}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#messagereplies)_
`MessageReplies` {#messagereplies}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#messagestatus)_
`MessageStatus` {#messagestatus}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#reactionlistbottom)_
`ReactionListBottom` {#reactionlistbottom}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#reactionlistposition)_
`ReactionListPosition` {#reactionlistposition}
-
-_overrides the value from [MessagesContext](../../contexts/messages-context#reactionlisttop)_
`ReactionListTop` {#reactionlisttop}
-
-_overrides the value from [MessageContext](../../contexts/message-context#message)_
`message` {#message}
-
-_overrides the value from [MessageContext](../../contexts/message-context#threadlist)_
`threadList` {#threadlist}
-
-)
-
-## Props
-
-### `formatDate`
-
-_overrides the value from [ChannelContext](../../contexts/channel-context#disabled)_
`disabled` {#disabled}
-
-
-
-
-```ts
-/**
- * Channel created using a channel id
- */
-const channel = client.channel('messaging', 'the_park', {
- name: 'The Park',
-});
-```
-
-
-
-
-```ts
-/**
- * Channel created using a members list
- */
-const channel = client.channel('messaging', {
- members: ['jlahey', 'rlafleur'],
- name: 'The Park',
-});
-```
-
-
-
-
-To create this channel on the server you must call `create` on the new channel instance.
-
-```ts
-await channel.create();
-```
-
-:::note
-
-For on the fly channel creation you would instead call the `watch` function on the channel as this both creates the channel and subscribes the client to channel updates.
-
-:::
-
-## Configuring UI Components
-
-Now that you have a `client` instance, a user set, and a channel created on the server you can setup your project to use the UI components.
-
-All major `stream-chat-react-native` components rely on `contexts` to function properly.
-The UI and functionality are heavily controlled by a number of components that contain [`Providers`](https://reactjs.org/docs/context.html#contextprovider) to give access to these `contexts`.
-
-### Overlay Provider
-
-The `OverlayProvider` is the highest level of the Stream Chat components.
-The `OverlayProvider` allows users to interact with messages on long press above the underlying views, use the full screen image viewer, and use the `AttachmentPicker` as a keyboard-esk view.
-
-The `OverlayProvider` can be used with no props provided but there are a plethora of props for customizing the components in the overlay.
-
-For additional information on the `OverlayProvider` check the [OverlayProvider docs](../core-components/overlay-provider.mdx) for detailed usage instructions, including how to properly use the `OverlyProvider` with [React Navigation](https://reactnavigation.org/).
-
-```tsx
-import { OverlayProvider } from 'stream-chat-react-native';
-
-export const Screen = () => {/** App components */} ;
-```
-
-### Chat
-
-`Chat` is the next level down of context component from `OverlyProvider` that is required for `stream-chat-react-native` to function as designed.
-You can choose to wrap your entire application in `Chat` similar to what is required for the `OverlayProvider` or you can implement `Chat` at the screen level.
-`Chat` has one required prop, `client`, which is the instance of `StreamChat` [you created](#creating-a-chat-client).
-
-For additional information on the `Chat` component check the [Chat component docs](../core-components/chat.mdx) for detailed usage instructions, including how to provide theming and translations to the app.
-
-
-
-
-```tsx {7-9}
-import { StreamChat } from 'stream-chat';
-import { Chat, OverlayProvider } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const App = () => (
-
- {/** App components */}
-
-);
-```
-
-
-
-
-```tsx
-import { StreamChat } from 'stream-chat';
-import { Chat } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const Screen = () => {/** App components */} ;
-```
-
-```tsx {6}
-import { OverlayProvider } from 'stream-chat-react-native';
-import { Screen } from './Screen';
-
-export const App = () => (
-
-
-);
-```
-
-
-
-
-## Channel List
-
-
-
-
-Stream Chat for React Native provides a `ChannelList` component out of the box for displaying a list of channels.
-`ChannelList` can be used with no props and will return all of the channels the set user has access to.
-To functionally use the `ChannelList` an `onSelect` prop should be provided.
-The `onSelect` function is called with the selected `Channel` instance and can then be used to react to the user interaction, for example to store the `Channel` in state and navigate to the appropriate channel screen.
-
-For additional information on the `ChannelList` component check the [ChannelList component docs](../core-components/channel-list.mdx), these include instructions on how to filter and sort the `ChannelList`.
-
-The `ChannelList` should be implemented inside of the UI components [previously configured](#configuring-ui-components) to provide the appropriate `contexts`.
-For the purpose of this guide the example implementation will continue to be given in a single component with the assumption that the client has already been instantiated, a user connected, and a channel the user has access to exists.
-
-
-
-
-
-
-
-);
-```
-
-These three components in conjunction will provide a [`FlatList`](https://reactnative.dev/docs/flatlist) of all channels available to the connected user.
-
-## Channel
-
-When creating a chat screen it is required that the `Channel` component wrap the `stream-chat-react-native` components being used.
-`Channel` provides multiple `contexts` to the enclosed components and allows for modification and replacement of many of the components.
-Channel is the major entry point for modifying the look and feel of your chat application.
-
-For additional information on the `Channel` component, how to modify various features, adjusting for keyboard offsets, and more, check the [Channel component docs.](../core-components/channel.mdx)
-
-The `Channel` component does not require any props, but will not function as desired without the `channel` prop being provided.
-The `channel` prop expects a `StreamChat` `Channel` instance.
-This can be created [as you did previously](#creating-a-channel), pulled directly from the `client.activeChannels`, or conveniently stored when a channel is selected from the `ChannelList`.
-
-```tsx {8,11-15}
-import React, { useState } from 'react';
-import { Channel as ChannelType, StreamChat } from 'stream-chat';
-import { ChannelList, Chat, OverlayProvider } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const App = () => {
- const [channel, setChannel] = useState();
-
- return (
-
-
- {channel ? {/** App components */} :
-
- );
-};
-```
-
-### Message List
-
-
-
-
-The `Channel` component on it's own will not provide any UI.
-For this additional components are required, most notably the `MessageList` component.
-`MessageList` has no required props, and when used in concert with the `Channel` component should function properly out of the box.
-
-For additional information on the `MessageList` component, how to pass props to the underlying [`FlatList`](https://reactnative.dev/docs/flatlist), or use the `MessageList` for threads, check the [MessageList component docs.](./message-list.mdx)
-
-
-
-
();
-
- return (
-
-
- {channel ? (
-
-
- ) : (
-
-
- );
-};
-```
-
-### Message Input
-
-
-
-
-A chat app needs to be able to send messages, and for this Stream Chat for React Native provides a `MessageInput` component.
-Similar to the `MessageList` component `MessageInput` has no required props.
-Adding it to the app is as simple as rendering it below the `MessageList`.
-
-Be sure to set the `keyboardVerticalOffset` on `Channel` to the appropriate height based off any header spacing.
-As there is currently no header the `keyboardVerticalOffset` can be set to `0`.
-
-For additional information on the `MessageInput` component, how to modify it using `context`, or designate it for thread use via the `threadList` prop, check the [MessageInput component docs.](./message-input.mdx)
-
-
-
-
();
-
- return (
-
-
- {channel ? (
-
-
- ) : (
-
-
- );
-};
-```
-
-This small code snippet is enough to render a list of channels and swap them out for a functional and feature rich message list and input when one is selected.
-
-### Thread
-
-
-
-
-There is one more high level component that Stream Chat for React Native provides out of the box, and that is `Thread`.
-Stream Chat supports threaded messages, and the `MessageList` supplies a UI for threads out of the box.
-But as a thread on a mobile messaging app generally exists in a separate screen it is up to you to handle thread selection and subsequent navigation in your implementation.
-`Thread` has no required props as it relies heavily on `context` to function.
-The simple code snippet can be extended to include `Thread` and keep track of a `thread` state similarly to `channel` by utilizing the `onThreadSelect` prop on the `MessageList`.
-The code snippet now has a fully functional `ChannelList`, `MessageList`, and `threadList`, although currently it provides no way to _back_ out of the sudo-navigation.
-
-For additional information on the `Thread` component, such as how to use `onThreadDismount` to manage your `thread` state, check the [Thread component docs.](./thread.mdx)
-
-
-
-
();
- const [thread, setThread] = useState();
-
- return (
-
-
- {channel ? (
-
- {thread ? (
-
- ) : (
-
-
- );
-};
-```
-
-## Summary
-
-- You need a `client` that is an instance of `StreamChat` to provide to the UI components so they function correctly.
-
-- You need to connect a user via the `connectUser` call to interact with the backend properly. To do this you need to create tokens as per the [Tokens & Authentication](https://getstream.io/chat/docs/javascript/tokens_and_authentication/) docs.
-
-- You need to surround your app with the `OverlayProvider` for the UI to function properly, and your app or chat screen with the `Chat` component to provide data to the UI components.
-
-- `ChannelList` provides access to the list of available channels in the UI, and using props, can be queried, filtered, and sorted as desired. `ChannelList` also provides convenient functionality for implementing navigation to a selected `Channel`.
-
-- The `Channel` component is the functional wrapper of the `MessageList`, `MessageInput`, and `Thread` components. It is the access point for the majority of the customization of the SDK, and controls much of the functionality.
diff --git a/docusaurus/docs/reactnative/ui-components/poll-all-options.mdx b/docusaurus/docs/reactnative/ui-components/poll-all-options.mdx
deleted file mode 100644
index 2bfdeb0e60..0000000000
--- a/docusaurus/docs/reactnative/ui-components/poll-all-options.mdx
+++ /dev/null
@@ -1,87 +0,0 @@
----
-id: poll-all-options
-title: PollAllOptions
----
-
-import MessageProp from '../common-content/contexts/message-context/message.mdx';
-import Poll from '../common-content/contexts/poll-context/poll.mdx';
-
-A component used to render a list of all of the options that a `Poll` has. Voting on each option on this screen is also enabled. Needs to be structured inside a [`Channel` component](../core-components/channel).
-
-It will render its default `PollAllOptionsContent`, which can be overridden for custom UI. Its children have access to the entire `poll` state through the `usePollState` hook.
-
-## General Usage
-
-```tsx
-import { OverlayProvider, Chat, Channel, PollAllOptions } from 'stream-chat-react-native';
-
-const App = () => {
- return (
-
-
-
-
-
-
- );
-};
-```
-
-## Props
-
-### _forwarded from [MessageContext](../../contexts/message-context#message)_ props
message {#message}
-
-{option.id} );
-};
-
-const App = () => {
- return (
-
-
-
-
-
-
- );
-};
-```
diff --git a/docusaurus/docs/reactnative/ui-components/poll-answers-list.mdx b/docusaurus/docs/reactnative/ui-components/poll-answers-list.mdx
deleted file mode 100644
index 6c0dc4a9c1..0000000000
--- a/docusaurus/docs/reactnative/ui-components/poll-answers-list.mdx
+++ /dev/null
@@ -1,104 +0,0 @@
----
-id: poll-answers-list
-title: PollAnswersList
----
-
-import MessageProp from '../common-content/contexts/message-context/message.mdx';
-import Poll from '../common-content/contexts/poll-context/poll.mdx';
-
-A component used to render a list of answers that a `Poll` has. The results will be paginated and only one answer per user is allowed. Needs to be structured inside a [`Channel` component](../core-components/channel).
-
-It will render its default `PollAnswersListContent`, which can be overridden for custom UI. Its children have access to the entire `poll` state through the `usePollState` hook.
-
-To access the paginated list of answers, the `usePollAnswersPagination` hook can be used.
-
-## General Usage
-
-```tsx
-import { OverlayProvider, Chat, Channel, PollAnswersList } from 'stream-chat-react-native';
-
-const App = () => {
- return (
-
-
-
-
-
-
- );
-};
-```
-
-## Props
-
-### _forwarded from [MessageContext](../../contexts/message-context#message)_ props
message {#message}
-
- {name} }
- data={pollAnswers}
- renderItem={({ item }) => {item.answer_text} }
- />
- );
-};
-
-const App = () => {
- return (
-
-
-
-
-
-
- );
-};
-```
diff --git a/docusaurus/docs/reactnative/ui-components/poll-buttons.mdx b/docusaurus/docs/reactnative/ui-components/poll-buttons.mdx
deleted file mode 100644
index b022d2f3a0..0000000000
--- a/docusaurus/docs/reactnative/ui-components/poll-buttons.mdx
+++ /dev/null
@@ -1,258 +0,0 @@
----
-id: poll-buttons
-title: Poll Buttons
----
-
-For the purposes of managing the `Poll` UI more easily, we expose various button components that have an overridable `onPress` property in case the default behaviour needs to be changed.
-
-The `onPress` property should be typically used to navigate to the various `Poll` screens using a popular navigation library rather than relying on the default [React Native Modal](https://reactnative.dev/docs/modal) implementation. Integrators are encouraged to handle navigation to these screens like this rather than relying on the defaults.
-
-In order to be able to render the screens, all of the required props will be passed to the `onPress` method.
-
-Conversely, if one wishes to use the default button behaviour they may render them without any props.
-
-All of the buttons need to be structured inside a [`Channel` component](../core-components/channel).
-
-## `GenericPollButton`
-
-A generic button component that has the default UI encapsulated within it.
-
-### Props
-
-#### `title` \*
-
-The text that is going to be rendered as the button's content.
-
-| Type |
-| ------ |
-| string |
-
-#### `onPress` \*
-
-A press handler that will be invoked whenever the button is pressed.
-
-| Type |
-| ------------ |
-| `() => void` |
-
-### Example usage
-
-```tsx
-import { GenericPollButton } from 'stream-chat-react-native';
-
-const button = () => console.log('I got pressed !')} />;
-```
-
-## `ViewResultsButton`
-
-A button responsible for opening the `PollResults` modal.
-
-### Props
-
-#### `onPress`
-
-A press handler that will be invoked whenever the button is pressed.
-
-| Type |
-| ----------------------------- |
-| `({ message, poll }) => void` |
-
-### Example usage
-
-```tsx
-import { ViewResultsButton } from 'stream-chat-react-native';
-
-const button = () => (
- console.log(`Poll ID: ${poll.id}; Message ID: ${message.id}`)} />
-);
-```
-
-## `EndVoteButton`
-
-A button responsible for closing voting on the `Poll`.
-
-### Example usage
-
-```tsx
-import { EndVoteButton } from 'stream-chat-react-native';
-
-const button = () => console.log(`Poll ID: ${poll.id}; Message ID: ${message.id}`)} />
-);
-```
-
-## `ShowAllCommentsButton`
-
-A button responsible for opening the `PollAnswersList` modal.
-
-### Props
-
-#### `onPress`
-
-A press handler that will be invoked whenever the button is pressed.
-
-| Type |
-| ----------------------------- |
-| `({ message, poll }) => void` |
-
-### Example usage
-
-```tsx
-import { ShowAllCommentsButton } from 'stream-chat-react-native';
-
-const button = () => (
- console.log(`Poll ID: ${poll.id}; Message ID: ${message.id}`)}
- />
-);
-```
-
-## `AnswerListAddCommentButton`
-
-A button responsible for opening the `Poll` input dialog used to add a new comment to it, from within `PollAnswersList`.
-
-It has the same props and usage as [`AddCommentButton`](#addcommentbutton).
-
-## `SuggestOptionButton`
-
-A button responsible for opening the `Poll` input dialog used to suggest new options to the it.
-
-### Props
-
-#### `onPress`
-
-A press handler that will be invoked whenever the button is pressed.
-
-| Type |
-| ----------------------------- |
-| `({ message, poll }) => void` |
-
-### Example usage
-
-```tsx
-import { SuggestOptionButton } from 'stream-chat-react-native';
-
-const button = () => (
- console.log(`Poll ID: ${poll.id}; Message ID: ${message.id}`)} />
-);
-```
-
-## `ShowAllOptionsButton`
-
-A button responsible for opening the `PollAllOptions` modal.
-
-### Props
-
-#### `onPress`
-
-A press handler that will be invoked whenever the button is pressed.
-
-| Type |
-| ----------------------------- |
-| `({ message, poll }) => void` |
-
-### Example usage
-
-```tsx
-import { ShowAllOptionsButton } from 'stream-chat-react-native';
-
-const button = () => (
- console.log(`Poll ID: ${poll.id}; Message ID: ${message.id}`)}
- />
-);
-```
-
-## `VoteButton`
-
-A button responsible for voting on a specific option within a `Poll`.
-
-### Props
-
-#### `option` \*
-
-The `poll` option that we want to vote on.
-
-| Type |
-| ------ |
-| object |
-
-#### `onPress`
-
-A press handler that will be invoked whenever the button is pressed.
-
-| Type |
-| ----------------------------- |
-| `({ message, poll }) => void` |
-
-### Example usage
-
-```tsx
-import { VoteButton } from 'stream-chat-react-native';
-
-const button = () => (
- console.log(`Poll ID: ${poll.id}; Message ID: ${message.id}`)}
- />
-);
-```
-
-## `ShowAllVotesButton`
-
-A button responsible for opening the `PollOptionFullResults` modal.
-
-### Props
-
-#### `option` \*
-
-The `poll` option that we want to vote on.
-
-| Type |
-| ------ |
-| object |
-
-#### `onPress`
-
-A press handler that will be invoked whenever the button is pressed.
-
-| Type |
-| ------------------------------------- |
-| `({ message, option, poll }) => void` |
-
-### Example usage
-
-```tsx
-import { ShowAllVotesButton } from 'stream-chat-react-native';
-
-const button = () => (
-
- console.log(`Poll ID: ${poll.id}; Message ID: ${message.id}; Option ID: ${option.id}`)
- }
- />
-);
-```
diff --git a/docusaurus/docs/reactnative/ui-components/poll-option-full-results.mdx b/docusaurus/docs/reactnative/ui-components/poll-option-full-results.mdx
deleted file mode 100644
index a0a389230e..0000000000
--- a/docusaurus/docs/reactnative/ui-components/poll-option-full-results.mdx
+++ /dev/null
@@ -1,117 +0,0 @@
----
-id: poll-option-full-results
-title: PollOptionFullResults
----
-
-import MessageProp from '../common-content/contexts/message-context/message.mdx';
-import Poll from '../common-content/contexts/poll-context/poll.mdx';
-
-A component all of the votes for a specific `Poll` option. The results will be paginated and updated as they change. Needs to be structured inside a [`Channel` component](../core-components/channel).
-
-It will render its default `PollOptionFullResultsContent`, which can be overridden for custom UI. Its children have access to the entire `poll` state through the `usePollState` hook.
-
-To access the paginated list of votes, the `usePollOptionVotesPagination` hook can be used.
-
-## General Usage
-
-```tsx
-import { OverlayProvider, Chat, Channel, PollOptionFullResults } from 'stream-chat-react-native';
-
-const App = () => {
- return (
-
-
-
-
-
-
- );
-};
-```
-
-## Props
-
-### _forwarded from [MessageContext](../../contexts/message-context#message)_ props
message {#message}
-
- {name} }
- data={votes}
- renderItem={({ item }) => {item.id} }
- />
- );
-};
-
-const App = () => {
- return (
-
-
-
-
-
-
- );
-};
-```
diff --git a/docusaurus/docs/reactnative/ui-components/poll-results.mdx b/docusaurus/docs/reactnative/ui-components/poll-results.mdx
deleted file mode 100644
index 370c519e06..0000000000
--- a/docusaurus/docs/reactnative/ui-components/poll-results.mdx
+++ /dev/null
@@ -1,87 +0,0 @@
----
-id: poll-results
-title: PollResults
----
-
-import MessageProp from '../common-content/contexts/message-context/message.mdx';
-import Poll from '../common-content/contexts/poll-context/poll.mdx';
-
-A component used to render a list of all of the votes per option that a `Poll` has. Each option will display the 5 most recent votes. If an option has more than 5 votes it will add a button at the bottom that opens the [`PollOptionFullResults`](./poll-option-full-results.mdx) Modal. Needs to be structured inside a [`Channel` component](../core-components/channel).
-
-It will render its default `PollResultsContent`, which can be overridden for custom UI. Its children have access to the entire `poll` state through the `usePollState` hook.
-
-## General Usage
-
-```tsx
-import { OverlayProvider, Chat, Channel, PollResults } from 'stream-chat-react-native';
-
-const App = () => {
- return (
-
-
-
-
-
-
- );
-};
-```
-
-## Props
-
-### _forwarded from [MessageContext](../../contexts/message-context#message)_ props
message {#message}
-
-{option.id} );
-};
-
-const App = () => {
- return (
-
-
-
-
-
-
- );
-};
-```
diff --git a/docusaurus/docs/reactnative/ui-components/poll.mdx b/docusaurus/docs/reactnative/ui-components/poll.mdx
deleted file mode 100644
index fa26908ef5..0000000000
--- a/docusaurus/docs/reactnative/ui-components/poll.mdx
+++ /dev/null
@@ -1,26 +0,0 @@
----
-id: poll
-title: Poll
----
-
-import MessageProp from '../common-content/contexts/message-context/message.mdx';
-import Poll from '../common-content/contexts/poll-context/poll.mdx';
-import PollContent from '../common-content/ui-components/poll/poll-content.mdx';
-
-A component used to render a poll within a `MessageList`. Needs to be structured inside a [`Channel` component](../core-components/channel).
-
-It will render its default `PollContent`, which can be overridden for custom UI. Its children have access to the entire `poll` state through the `usePollState` hook.
-
-## Props
-
-### _forwarded from [MessageContext](../../contexts/message-context#message)_ props
message {#message}
-
-overrides the value from [MessageContext](../../contexts/message-context#handlereaction)
`handleReaction` {#handlereaction}
-
-overrides the value from [MessageContext](../../contexts/message-context#hasreactions)
`hasReactions` {#hasreactions}
-
-overrides the value from [MessageContext](../../contexts/message-context#onlongpress)
`onLongPress` {#onlongpress}
-
-overrides the value from [MessageContext](../../contexts/message-context#onpress)
`onPress` {#onpress}
-
-overrides the value from [MessageContext](../../contexts/message-context#onpressin)
`onPressIn` {#onpressin}
-
-overrides the value from [MessageContext](../../contexts/message-context#preventpress)
`preventPress` {#preventpress}
-
-overrides the value from [MessageContext](../../contexts/message-context#reactions)
`reactions` {#reactions}
-
-overrides the value from [MessagesContext](../../contexts/messages-context#supportedreactions)
`supportedReactions` {#supportedreactions}
-
-overrides the value from [MessageContext](../../contexts/message-context#alignment)
`alignment` {#alignment}
-
-overrides the value from [MessageContext](../../contexts/message-context#hasreactions)
`hasReactions` {#hasreactions}
-
-required
`messageContentWidth` {#messagecontentwidth}
-
-Width of message content. This helps ReactionList align itself on the front-edge of the message content.
-This value gets computed in [`MessageContent`](../message-content) once the content gets loaded.
-
-| Type |
-| ------ |
-| Number |
-
-### overrides the value from [MessageContext](../../contexts/message-context#onlongpress)
`onLongPress` {#onlongpress}
-
-overrides the value from [MessageContext](../../contexts/message-context#onpress)
`onPress` {#onpress}
-
-overrides the value from [MessageContext](../../contexts/message-context#onpressin)
`onPressIn` {#onpressin}
-
-overrides the value from [MessageContext](../../contexts/message-context#preventpress)
`preventPress` {#preventpress}
-
-overrides the value from [MessageContext](../../contexts/message-context#reactions)
`reactions` {#reactions}
-
-overrides the value from [MessageContext](../../contexts/message-context#showmessageoverlay)
`showMessageOverlay` {#showmessageoverlay}
-
-overrides the value from [MessagesContext](../../contexts/messages-context#supportedreactions)
`supportedReactions` {#supportedreactions}
-
-overrides the value from [MessageInputContext](../../contexts/message-input-context#editing)
`editing` {#editing}
-
-overrides the value from [MessageContext](../../contexts/message-context#message)
`message` {#message}
-
-overrides the value from [MessageInputContext](../../contexts/message-input-context#quotedMessage)
`quotedMessage` {#quotedmessage}
-
-overrides the value from [MessagesContext](../../contexts/messages-context#FileAttachmentIcon)
`FileAttachmentIcon` {#fileattachmenticon}
-
-overrides the value from [MessagesContext](../../contexts/messages-context#MessageAvatar)
`MessageAvatar` {#messageavatar}
-
-_overrides the value from [ChannelContext](../../contexts/channel-context#disabled)_
`disabled` {#disabled}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#giphyactive)_
`giphyActive` {#giphyactive}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#sendmessage)_
`sendMessage` {#sendmessage}
-
-_overrides the value from [ThreadContext](../../contexts/thread-context#allowthreadmessagesinchannel)_
`allowThreadMessagesInChannel` {#allowthreadmessagesinchannel}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#sendthreadmessageinchannel)_
`sendThreadMessageInChannel` {#sendthreadmessageinchannel}
-
-_overrides the value from [MessageInputContext](../../contexts/message-input-context#setsendthreadmessageinchannel)_
`setSendThreadMessageInChannel` {#setsendthreadmessageinchannel}
-
-
-
-
-
- );
-};
-```
-
-## Props
-
-### `additionalFlatListProps`
-
-
-
-
- // highlight-next-line
-
-
-
- );
-};
-```
-
-## Props
-
-### `additionalMessageInputProps`
-
-Additional [props](./message-input.mdx#props) for underlying `MessageInput` component.
-
-| Type |
-| ------ |
-| Object |
-
-### `additionalMessageListProps`
-
-Additional [props](./message-list.mdx#props) for underlying `MessageList` component.
-
-| Type |
-| ------ |
-| Object |
-
-### `autoFocus`
-
-When true, input box will be auto focused upon mounting.
-
-| Type | Default |
-| ------- | ------- |
-| Boolean | `true` |
-
-### `closeThreadOnDismount`
-
-Closes thread on dismount, defaults to `true`.
-
-| Type | Default |
-| ------- | ------- |
-| Boolean | `true` |
-
-### overrides the value from [ChatContext](../../contexts/chat-context#client)
`client` {#client}
-
-overrides the value from [ThreadContext](../../contexts/thread-context#closethread)
`closeThread` {#closeThread}
-
-overrides the value from [ThreadContext](../../contexts/thread-context#loadmorethread)
`loadMoreThread` {#loadMoreThread}
-
-overrides the value from [ThreadContext](../../contexts/thread-context#parentmessagepreventpress)
`parentMessagePreventPress` {#parentMessagePreventPress}
-
-overrides the value from [ThreadContext](../../contexts/thread-context#reloadthread)
`reloadthread` {#reloadThread}
-
-overrides the value from [ThreadContext](../../contexts/thread-context#thread)
`thread` {#thread}
-
-
- getInstance
- call will return the initial StreamChat instance. This will prevent you from accidentally creating multiple
-StreamChat instances, opening multiple WebSockets, and driving up your concurrent connections unnecessarily.
-new StreamChat() if desired.
-
-new StreamChat() repeatedly will create new copies of the client and in turn new WebSocket connections when connectUser is called.
-If you are using new StreamChat() you need to be vigilant about your use to ensure you are not creating multiple WebSocket connections unnecessarily.
-
-:::
-
-### Connecting a User
-
-To connect a user a the `connectUser` function should be called and provided with the user object and `user_token`.
-The `user_token` is typically sent from your back end when a user is authenticated.
-
-```ts
-await client.connectUser(
- {
- id: 'testUser',
- name: 'Test User',
- },
- 'user_token',
-);
-```
-
-It is recommended to not repeatedly call `connectUser` unnecessarily, multiple calls to `connectUser` will result in warnings, and attempting to call `connectUser` before disconnecting a current user will throw an Error.
-
-## UI Components
-
-The Stream Chat for React Native UI components handle most interactions with the client for you after connecting with an authenticated user.
-
-### Providing the Client to the UI
-
-To provide the client to the UI components you simply provide the client instance as the prop `client` to the `Chat` component.
-
-```tsx
-import { StreamChat } from 'stream-chat';
-import { Chat } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const Screen = () => {/** App components */} ;
-```
-
-The Stream Chat for React Native UI components then handle interacting with the client internally by accessing the client via [`context`](https://reactjs.org/docs/context.html).
-
-:::note
-
-If you are customizing certain components or functionality you may have to interact with the client as well.
-You can access the client provided to the `Chat` component internally via the `useChatContext`.
-
-
-
-
-```ts
-/**
- * Channel created using a channel id
- */
-const channel = client.channel(channel_type, 'channel_id', {
- name: 'My New Channel',
-});
-```
-
-
-
-
-```ts
-/**
- * Channel created using a members list
- */
-const channel = client.channel(channel_type, {
- members: ['userOne', 'userTwo']
- name: 'My New Channel',
-});
-```
-
-
-
-
-To create a channel on the server you must call `create` or `watch` on a new channel instance.
-`create` will create the channel while `watch` will both create the channel and subscribe the client to updates on the channel.
-
-
-
-
-```ts
-await channel.watch();
-```
-
-
-
-
-```ts
-await channel.create();
-```
-
-
-
-
-### Disconnecting a User
-
-To disconnect a user you can call `disconnect` on the client.
-
-```ts
-await client.disconnectUser();
-```
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/getting_started.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/getting_started.mdx
deleted file mode 100644
index b291ee6e75..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/getting_started.mdx
+++ /dev/null
@@ -1,151 +0,0 @@
----
-id: getting_started
-sidebar_position: 1
-slug: /
-title: Getting Started
----
-
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
-The Basics section of this documentation introduces the fundamentals of Stream Chat for React Native.
-It will cover installing Stream Chat within your project, give you some troubleshooting tips, and provide an overview of what is possible using the library.
-This should be considered a primer before delving into the UI and Core Components or Customization sections.
-
-## Installation
-
-Your [environment should be setup](https://reactnative.dev/docs/environment-setup) and a project created prior to beginning the installation.
-
-### Add dependencies
-
-Install the required packages in your React Native project.
-
-
-
-
-```bash
- yarn add stream-chat-react-native@3.10.2
-```
-
-
-
-
-```bash
- npm install stream-chat-react-native@3.10.2
-```
-
-
-
-
-Stream Chat has a number of peer dependencies that are required to take advantage of all of the out of the box features.
-It is suggested you follow the install instructions for each package to ensure it is properly setup.
-Most if not all of the required packages now support auto-linking so setup should be minimal. Those with known [additional steps](#additional-steps) have been noted.
-
-- [`@react-native-community/blur`](https://github.com/Kureev/react-native-blur)
-- [`@react-native-community/cameraroll`](https://github.com/react-native-cameraroll/react-native-cameraroll)
-- [`@react-native-community/netinfo`](https://github.com/react-native-netinfo/react-native-netinfo)
-- [`@stream-io/flat-list-mvcp`](https://github.com/GetStream/flat-list-mvcp)
-- [`react-native-document-picker`](https://github.com/rnmods/react-native-document-picker)
-- [`react-native-fs`](https://github.com/itinance/react-native-fs)
-- [`react-native-gesture-handler`](https://github.com/software-mansion/react-native-gesture-handler)
-- [`react-native-haptic-feedback`](https://github.com/junina-de/react-native-haptic-feedback)
-- [`react-native-image-crop-picker`](https://github.com/ivpusic/react-native-image-crop-picker)
-- [`react-native-image-resizer`](https://github.com/bamlab/react-native-image-resizer)
-- [`react-native-reanimated`](https://github.com/software-mansion/react-native-reanimated)
-- [`react-native-safe-area-context`](https://github.com/th3rdwave/react-native-safe-area-context)
-- [`react-native-share`](https://github.com/react-native-share/react-native-share)
-- [`react-native-svg`](https://github.com/react-native-svg/react-native-svg)
-
-
-
-
-```bash
-yarn add @react-native-community/blur @react-native-community/cameraroll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg
-```
-
-
-
-
-```bash
-npm add @react-native-community/blur @react-native-community/cameraroll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg
-```
-
-
-
-
-For iOS on a Mac install the pods `npx pod-install ios`.
-
-#### Version compatibilities
-
-To be able to use the Stream Chat React Native SDK, a few dependencies must meet the following version requirements:
-
-| react-native | stream-chat-react-native (min required) | react-native-reanimated (min required) |
-| ------------ | --------------------------------------- | -------------------------------------- |
-| 0.65 | 3.9.0 | 2.2.1 |
-| 0.64 | 3.6.2 | 2.2.0 |
-| 0.63 | 3.0.0 | 2.2.0 |
-
-### Additional Steps
-
-- `react-native` - [additional installation steps](https://reactnative.dev/docs/image#gif-and-webp-support-on-android)
-- `react-native-reanimated` - [additional installation steps](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation).
-- `react-native-image-crop-picker` - [additional installation steps](https://github.com/ivpusic/react-native-image-crop-picker#step-3)
-- `react-native-cameraroll` - [additional installation steps](https://github.com/react-native-cameraroll/react-native-cameraroll#permissions)
-- `react-native-gesture-handler` - [additional installation steps](https://docs.swmansion.com/react-native-gesture-handler/docs/#android)
-- `@react-native-community/blur` - [additional installation steps](/reactnative/basics/troubleshooting#blurview-crashing)
-
-:::info
-
-`react-native-gesture-handler` requires the package to be imported at the **top of the entry file** before anything else, this is usually your `App.tsx` or `index.js` file.
-
-)
-
-Dependencies such as `react-native-document-picker`, `react-native-gesture-handler`, and `react-native-reanimated` don't have AndroidX support.
-But an awesome tool named [jetifier](https://github.com/mikehardy/jetifier) is quite useful to patch these dependencies with AndroidX support.
-
-## Expo Installation
-
-Stream Chat for React Native is set up for parity on Expo, expo requires a different set of dependencies than bare React Native, in your project directory run:
-
-```bash
-expo install stream-chat-expo
-expo install @react-native-community/netinfo expo-blur expo-document-picker expo-file-system expo-haptics expo-image-manipulator expo-image-picker expo-media-library expo-sharing react-native-gesture-handler react-native-reanimated react-native-safe-area-context react-native-svg
-```
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/hello_stream_chat.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/hello_stream_chat.mdx
deleted file mode 100644
index 9f4f4037b7..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/hello_stream_chat.mdx
+++ /dev/null
@@ -1,549 +0,0 @@
----
-id: hello_stream_chat
-sidebar_position: 2
-title: Hello Stream Chat
----
-
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
-import channelList from '../assets/basics/hello-stream-chat/channel_list.png';
-import messageInput from '../assets/basics/hello-stream-chat/message_input.png';
-import messageList from '../assets/basics/hello-stream-chat/message_list.png';
-import summary from '../assets/basics/hello-stream-chat/summary.png';
-import thread from '../assets/basics/hello-stream-chat/thread.png';
-
-Adding feature rich chat to a React Native application can be quite challenging when starting from scratch.
-There are many considerations, states, and edge cases that need accounting for, styling, message grouping, read states, context menus, etc. all add to the complexity of the challenge.
-Stream Chat for React Native provides an easy to implement flexible solution.
-
-Stream Chat for React Native provides a way to add chat to an existing or new application with very little code.
-The library was built with flexibility and customization in mind, starting with the out of the box form and function one would expect from a chat app you can modify the UI and UX as desired.
-
-Before starting make sure you have installed `stream-chat-react-native` as directed in the [getting started](/chat/docs/sdk/reactnative) guide.
-
-## Creating a Chat Client
-
-Stream Chat for React Native uses [`stream-chat`](https://github.com/GetStream/stream-chat-js), Stream's JavaScript client, to interact with Stream's chat services.
-`stream-chat` is a dependency of Stream Chat for React Native so it is can be used once `stream-chat-react-native` is installed.
-
-To start you must get an instance of Stream Chat, for this you will need an API key.
-To create one you can sign up for a [free 30-day trial](https://getstream.io/chat/trial/) of Stream Chat, no CC is required.
-
-```ts
-import { StreamChat } from 'stream-chat';
-
-const client = StreamChat.getInstance('api_key');
-```
-
-There are multiple ways to access the client throughout your application. You can store the client in a [`context`](https://reactjs.org/docs/context.html).
-Create your own class. Or using the Singleton structure you can call `getInstance` when required.
-
-## Connecting a User
-
-Tokens are used to authenticate a user.
-Typically, you send this token from your backend to the client when a user registers or logs in.
-See the [Tokens & Authentication](https://getstream.io/chat/docs/javascript/tokens_and_authentication/) documentation to learn more about creating tokens.
-You can use a [developer token](https://getstream.io/chat/docs/javascript/tokens_and_authentication/?language=javascript#developer-tokens) if desired, but for the purpose of this guide it will be assumed you have created and retrieved a `user_token`.
-
-To connect a user the `connectUser` function should be called and provided with the user object and `user_token`.
-Connecting a user could be done in the login flow or elsewhere in the application after the client is instantiated.
-
-```ts
-await client.connectUser(
- {
- id: 'jlahey',
- name: 'Jim Lahey',
- image: 'https://i.imgur.com/fR9Jz14.png',
- },
- 'user_token',
-);
-```
-
-It is recommended to not repeatedly call `connectUser` unnecessarily, multiple calls to `connectUser` will result in warnings, and attempting to call `connectUser` before disconnecting a current user will throw an Error.
-
-To disconnect a user you can call `disconnectUser` on the client.
-
-```ts
-await client.disconnectUser();
-```
-
-## Creating a Channel
-
-Channels are at the core of Stream Chat, they are where messages are contained, sent, and interacted with.
-Before delving into the UI components a channel is needed that can be displayed.
-Let’s start by initializing one.
-
-A [channel type](https://getstream.io/chat/docs/javascript/creating_channels#channel-data) is required for creating a channel and controls the settings for a given channel.
-There are 5 default types of channels.
-
-- `commerce`
-- `gaming`
-- `livestream`
-- `messaging`
-- `team`
-
-These five options provide you with sensible defaults for the named use cases.
-You can also define custom channel types if Stream Chat defaults don’t work for your use case.
-
-A channel must be initialized with either an `id` or a list of members for the channel.
-If you provide a list of members an `id` will be auto-generated on backend for the channel.
-
-:::note
-
-You can't add or remove members from channel created using a list of members.
-
-:::
-
-You can also add additional custom data to a channel.
-You can add as many custom fields as you desire as long as the total size of the custom fields object is _less than 5KB_.
-
-For the purpose of this guide you should create a `channel` as you see fit utilizing either a members list that includes your user's `id`, or a channel `id`.
-**This can be done once, then the code removed** as this guide will not be covering on the fly channel creation.
-
-
-
-
-```ts
-/**
- * Channel created using a channel id
- */
-const channel = client.channel('messaging', 'the_park', {
- name: 'The Park',
-});
-```
-
-
-
-
-```ts
-/**
- * Channel created using a members list
- */
-const channel = client.channel('messaging', {
- members: ['jlahey', 'rlafleur'],
- name: 'The Park',
-});
-```
-
-
-
-
-To create this channel on the server you must call `create` on the new channel instance.
-
-```ts
-await channel.create();
-```
-
-:::note
-
-For on the fly channel creation you would instead call the `watch` function on the channel as this both creates the channel and subscribes the client to channel updates.
-
-:::
-
-## Configuring UI Components
-
-Now that you have a `client` instance, a user set, and a channel created on the server you can setup your project to use the UI components.
-
-All major `stream-chat-react-native` components rely on `contexts` to function properly.
-The UI and functionality are heavily controlled by a number of components that contain [`Providers`](https://reactjs.org/docs/context.html#contextprovider) to give access to these `contexts`.
-
-### Overlay Provider
-
-The `OverlayProvider` is the highest level of the Stream Chat components.
-The `OverlayProvider` allows users to interact with messages on long press above the underlying views, use the full screen image viewer, and use the `AttachmentPicker` as a keyboard-esk view.
-
-The `OverlayProvider` can be used with no props provided but there are a plethora of props for customizing the components in the overlay.
-
-For additional information on the `OverlayProvider` check the [OverlayProvider docs](../core-components/overlay_provider.mdx) for detailed usage instructions, including how to properly use the `OverlyProvider` with [React Navigation](https://reactnavigation.org/).
-
-```tsx
-import { OverlayProvider } from 'stream-chat-react-native';
-
-export const Screen = () => {/** App components */} ;
-```
-
-### Chat
-
-`Chat` is the next level down of context component from `OverlyProvider` that is required for `stream-chat-react-native` to function as designed.
-You can choose to wrap your entire application in `Chat` similar to what is required for the `OverlayProvider` or you can implement `Chat` at the screen level.
-`Chat` has one required prop, `client`, which is the instance of `StreamChat` [you created](#creating-a-chat-client).
-
-For additional information on the `Chat` component check the [Chat component docs](../core-components/chat.mdx) for detailed usage instructions, including how to provide theming and translations to the app.
-
-
-
-
-```tsx {8-10}
-import { StreamChat } from 'stream-chat';
-import { Chat, OverlayProvider } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const App = () => (
-
- {/** App components */}
-
-);
-```
-
-
-
-
-```tsx
-import { StreamChat } from 'stream-chat';
-import { Chat } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const Screen = () => {/** App components */} ;
-```
-
-```tsx {6}
-import { OverlayProvider } from 'stream-chat-react-native';
-import { Screen } from './Screen';
-
-export const App = () => (
-
-
-);
-```
-
-
-
-
-## Channel List
-
-
-
-
-Stream Chat for React Native provides a `ChannelList` component out of the box for displaying a list of channels.
-`ChannelList` can be used with no props and will return all of the channels the set user has access to.
-To functionally use the `ChannelList` an `onSelect` prop should be provided.
-The `onSelect` function is called with the selected `Channel` instance and can then be used to react to the user interaction, for example store the `Channel` in state and navigate to the appropriate channel screen.
-
-For additional information on the `ChannelList` component check the [ChannelList component docs](../core-components/channel_list.mdx), these include instructions on how to filter and sort the `ChannelList`.
-
-The `ChannelList` should be implemented inside of the UI components [previously configured](#configuring-ui-components) to provide the appropriate `contexts`.
-For the purpose of this guide the example implementation will continue to be given in a single component with the assumption that the client has already been instantiated, a user connected, and a channel the user has access to exists.
-
-
-
-
-
-
-
-);
-```
-
-These three components in conjunction will provide a [`FlatList`](https://reactnative.dev/docs/flatlist) of all channels available to the connected user.
-
-## Channel
-
-When creating a chat screen it is required that the `Channel` component wrap the `stream-chat-react-native` components being used.
-`Channel` provides multiple `contexts` to the enclosed components and allows for modification and replacement of many of the components.
-Channel is the major entry point for modifying the look and feel of your chat application.
-
-For additional information on the `Channel` component, how to modify various features, adjusting for keyboard offsets, and more, check the [Channel component docs.](../core-components/channel.mdx)
-
-The `Channel` component does not require any props, but will not function as desired without the `channel` prop being provided.
-The `channel` prop expects a `StreamChat` `Channel` instance.
-This can be created [as you did previously](#creating-a-channel), pulled directly from the `client.activeChannels`, or conveniently stored when a channel is selected from the `ChannelList`.
-
-```tsx {8,13-19}
-import React, { useState } from 'react';
-import { Channel as ChannelType, StreamChat } from 'stream-chat';
-import { ChannelList, Chat, OverlayProvider } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const App = () => {
- const [channel, setChannel] = useState();
-
- return (
-
-
- {channel ? {/** App components */} :
-
- );
-};
-```
-
-### Message List
-
-
-
-
-The `Channel` component on it's own will not provide any UI.
-For this additional components are required, most notably the `MessageList` component.
-`MessageList` has no required props, and when used in concert with the `Channel` component should function properly out of the box.
-
-For additional information on the `MessageList` component, how to pass props to the underlying [`FlatList`](https://reactnative.dev/docs/flatlist), or use the `MessageList` for threads, check the [MessageList component docs.](../ui-components/message_list.mdx)
-
-
-
-
();
-
- return (
-
-
- {channel ? (
-
-
- ) : (
-
-
- );
-};
-```
-
-### Message Input
-
-
-
-
-A chat app needs to be able to send messages, and for this Stream Chat for React Native provides a `MessageInput` component.
-Similar to the `MessageList` component `MessageInput` has no required props.
-Adding it to the app is as simple as rendering it below the `MessageList`.
-
-Be sure to set the `keyboardVerticalOffset` on `Channel` to the appropriate height based off any header spacing.
-As there is currently no header the `keyboardVerticalOffset` can be set to `0`.
-
-For additional information on the `MessageInput` component, how to modify it using `context`, or designate it for thread use via the `threadList` prop, check the [MessageInput component docs.](../ui-components/message_input.mdx)
-
-
-
-
();
-
- return (
-
-
- {channel ? (
-
-
- ) : (
-
-
- );
-};
-```
-
-This small code snippet is enough to render a list of channels and swap them out for a functional and feature rich message list and input when one is selected.
-
-### Thread
-
-
-
-
-There is one more high level component that Stream Chat for React Native provides out of the box, and that is `Thread`.
-Stream Chat supports threaded messages, and the `MessageList` supplies a UI for threads out of the box.
-But as a thread on a mobile messaging app generally exists in a separate screen it is up to you to handle thread selection and subsequent navigation in your implementation.
-`Thread` has no required props as it relies heavily on `context` to function.
-The simple code snippet can be extended to include `Thread` and keep track of a `thread` state similarly to `channel` by utilizing the `onThreadSelect` prop on the `MessageList`.
-The code snippet now has a fully functional `ChannelList`, `MessageList`, and `threadList`, although currently it provides no way to _back_ out of the sudo-navigation.
-
-For additional information on the `Thread` component, such as how to use `onThreadDismount` to manage your `thread` state, check the [Thread component docs.](../ui-components/thread.mdx)
-
-
-
-
();
- const [thread, setThread] = useState();
-
- return (
-
-
- {channel ? (
-
- {thread ? (
-
- ) : (
-
-
- );
-};
-```
-
-## Summary
-
-- You need a `client` that is an instance of `StreamChat` to provide to the UI components so they function correctly.
-
-- You need to connect a user via the `connectUser` call to interact with the backend properly.
- To do this you need to create tokens as per the [Tokens & Authentication](https://getstream.io/chat/docs/javascript/tokens_and_authentication/) docs.
-
-- You need to surround your app with the `OverlayProvider` for the UI to function properly, and your app or chat screen with the `Chat` component to provide data to the UI components.
-
-- `ChannelList` provides access to the list of available channels in the UI, and using props, can be queried, filtered, and sorted as desired.
- `ChannelList` also provides convenient functionality for implementing navigation to a selected `Channel`.
-
-- The `Channel` component is the functional wrapper of the `MessageList`, `MessageInput`, and `Thread` components.
- It is the access point for the majority of the customization of the SDK, and controls much of the functionality.
-
-### Hello Stream Chat
-
-
-
-
-Putting everything covered together into a single functional component most of the Stream Chat for React Native SDK can be tested with a few additional setup.
-
-The final sample code:
-
-- Adds a `useEffect` to connect the user on mount and render the UI when ready.
-- Adds a `back` button for sudo-navigation by resetting the states of `thread` and `channel` when appropriate.
-- Adds a `View` around the `Chat` component with style `flex: 1` to allow `Chat` to adjust for the `back` button height, and an empty `Thread` component to layout properly.
-- Adjusts the `topInset` and `keyboardVerticalOffset` to account for the `back` button height.
-
-These additions result in a small but functional chat sample app.
-
-
-
-
();
- const [clientReady, setClientReady] = useState(false);
- const [thread, setThread] = useState();
-
- useEffect(() => {
- const setupClient = async () => {
- try {
- await client.connectUser(
- {
- id: 'jlahey',
- name: 'Jim Lahey',
- image: 'https://i.imgur.com/fR9Jz14.png',
- },
- 'user_token',
- );
- setClientReady(true);
- } catch (e) {
- console.log(e);
- }
- };
-
- setupClient();
- }, []);
-
- const onBackPress = () => {
- if (thread) {
- setThread(undefined);
- } else if (channel) {
- setChannel(undefined);
- }
- };
-
- if (!clientReady) return null;
-
- return (
-
-
- {channel && Back }
-
-
-
- {channel ? (
-
- {thread ? (
-
- ) : (
-
-
-
- );
-};
-```
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/limitations.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/limitations.mdx
deleted file mode 100644
index 81a829c205..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/limitations.mdx
+++ /dev/null
@@ -1,31 +0,0 @@
----
-id: limitations
-sidebar_position: 7
-title: Limitations
----
-
-Stream Chat for React Native allows for a vast a amount of customization.
-The theme, components, and functionality can almost all be modified or replaced.
-But it is important to remember **not all use cases are supported out of the box**.
-
-## Customizations
-
-For some use cases you will have to replace our components with ones you create yourself.
-Custom UI components are mostly provided as props on the `Channel` component and propagated throughout the UI via context.
-Some many need to be provided to other components such as `OverlayProvider` or `MessageList`, but `Channel` is the most common entry point for customizations.
-
-Most components when rendered receive very few props, instead the components operate independently of props by utilizing contexts themselves.
-When creating a custom component we strongly suggest you look at the source code on GitHub for the component you are replacing.
-This will not only give you a better idea of what contexts we are using to achieve the current UI, but also insight into any internal logic that may be taking place in the component that you may want to maintain.
-
-We use custom memoization equality checks on many components to limit unnecessary re-renders, replicating these memoization checks to fit the needs of your custom component will help in maintaining performance.
-This is particularly important inside of messages as many are rendered in a single message list, a change that triggers a re-render across all messages will be computationally expensive.
-
-## Platforms
-
-It is important to remember that when using React Native that there may be platform specific differences as the platform specific SDKs are being utilized.
-If you are using [Expo](https://expo.io/) there may be even more differences.
-We highly suggest you test on both platforms to ensure you are seeing consistent results.
-
-Libraries such as [React Native Gesture Handler](https://docs.swmansion.com/react-native-gesture-handler/docs/), which we make use of, often function slightly differently on iOS and Android.
-If you are creating customizations that may overlap with React Native Gesture Handler usage you should once again look at the source code on GitHub for the component you are replacing to see if you need platform specific code.
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/stream_chat_with_navigation.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/stream_chat_with_navigation.mdx
deleted file mode 100644
index 1ab8a787ae..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/stream_chat_with_navigation.mdx
+++ /dev/null
@@ -1,301 +0,0 @@
----
-id: stream_chat_with_navigation
-sidebar_position: 3
-title: Stream Chat with Navigation
----
-
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
-Stream Chat for React Native provides many features out of the box that require positioning on the screen in a certain manor to result in the desired UI.
-The `AttachmentPicker`, `ImageGallery`, and `MessageOverlay`, all need to be rendered in front of other components to have the desired effect.
-All of these elements are controlled by the `OverlayProvider`, when used together with navigation considerations need to be taken in how these will appear.
-
-The guidance provided makes the assumption you are using [React Navigation](https://reactnavigation.org/) in your app in conjunction with [`createStackNavigator`](https://reactnavigation.org/docs/stack-navigator/).
-
-:::note
-
-**If you are using another navigation solution, or utilizing [`createNativeStackNavigator`](https://reactnavigation.org/docs/native-stack-navigator/), other considerations will need to be taken depending on your navigation arrangement.**
-
-createNativeStackNavigator uses the native APIs UINavigationController on iOS and
- Fragment
- on Android. The OverlayProvider needs to exist in a view that can render content in front of the
-chat screen. Therefore using a fullScreenModal with createNativeStackNavigator, which uses
- UIModalPresentationFullScreen
- on iOS and modal on Android, to render your chat screen will leave the OverlayProvider rendered
-behind the chat. If you are having issues we suggest you get in touch with support and we can find a solution to your
-specific navigation arrangement.
-
-:::
-
-## Navigation Container
-
-The [`NavigationContainer`](https://reactnavigation.org/docs/navigation-container/) manages the apps state in React Navigation.
-Nested navigators and screens all exist within the container.
-To ensure the `OverlayProvider` can render content above all of these screens, headers, tab-bars, etc. the `OverlayProvider` must be rendered around them.
-
-[As noted in Hello Stream Chat](./hello_stream_chat.mdx#chat) the `Chat` component can either surround the entire application or be rendered locally on a screen.
-You can choose whatever suits your needs best, theming, connection handling, and translations are all handled out of the box in the `Chat` component; and this may be a consideration in where in the app you want this component to be rendered.
-
-:::note
-
-Having it higher in the _stack_ helps to ensure it is not unmounted at times when a connection is present.
-If `Chat` is unmounted with a connection present you may have to implement some connection handling functions yourself to ensure you reconnect when the app is, for instance, reopened from the background.
-The WebSocket connection closes on it's own approximately 15 seconds after the app is put into background.
-Not handling the connection on [`appState`](https://reactnative.dev/docs/appstate) changes will also effect [how Stream Chat handles Push Notifications](../guides/push_notifications.mdx).
-
-:::
-
-
-
-
-```tsx
-import React from 'react';
-import { NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-import { Chat, OverlayProvider } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-const Stack = createStackNavigator<{ home: undefined }>();
-
-export const App = () =>
-
-
-
-
- {/** App components */})} name='home' />
-
-
-
- ;
-```
-
-
-
-
-```tsx
-import { StreamChat } from 'stream-chat';
-import { Chat } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const Screen = () => {/** App components */} ;
-```
-
-```tsx
-import React from 'react';
-import { NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-import { OverlayProvider } from 'stream-chat-react-native';
-import { Screen } from './Screen';
-
-const Stack = createStackNavigator<{ home: undefined }>();
-
-export const App = () => (
-
-
-
-
-
-
-);
-```
-
-
-
-
-## Keyboard
-
-The `Channel` component contains a `KeyboardCompatibleView` that, like [the standard React Native `KeyboardAvoidingView`](https://reactnative.dev/docs/keyboardavoidingview), needs a `keyboardVerticalOffset` to account for distance between the top of the user screen and the react native view.
-This height in most cases with React Navigation in conjunction with Stream Chat is the header height of React Navigation.
-This can be accessed from React Navigation using the `useHeaderHeight` hook from `@react-navigation/stack`, and given as a prop to `Channel`.
-
-```tsx
- const headerHeight = useHeaderHeight();
-
-
-```
-
-## Attachment Picker
-
-The `AttachmentPicker` is a keyboard-esk view that allows a user to attach photos and files.
-Part of the construction of the `AttachmentPicker` is a bottom-sheet provided by the `OverlayProvider`.
-This bottom-sheet provides a grid of images in a scroll-able list that can be lifted up to make selecting images easier.
-The placement of the `AttachmentPicker` is dependant on two values, the `bottomInset` and the `topInset`.
-
-### Top Inset
-
-`topInset` is used to determine how high the scroll-able bottom-sheet can go when opened.
-`topInset` defaults to 0 and covers the entire screen, or it can be set to the [top safe area inset](https://reactnavigation.org/docs/handling-safe-area/#use-the-hook-for-more-control) if desired.
-The most common choice when using React Navigation is to get the header height using the `useHeaderHeight` hook from `@react-navigation/stack` and set the top inset to the given height for a nice visual result where the picker open to the header.
-
-```tsx
-const headerHeight = useHeaderHeight();
-const { setTopInset } = useAttachmentPickerContext();
-
-useEffect(() => {
- setTopInset(headerHeight);
-}, [headerHeight]);
-```
-
-:::note
-
-`topInset` can be set via props on the `OverlayProvider`, or set via the `setTopInset` function provided by the `useAttachmentPickerContext` hook.
-
-:::
-
-### Bottom Inset
-
-`bottomInset` is used to adjust the height of the `AttachmentPicker` menu to align properly with the bottom-sheet when open.
-This is the height between the bottom of the `MessageInput` container and the bottom of the screen.
-If you are displaying the chat screen without a tab-bar it is most likely the bottom inset is the [bottom safe area inset](https://reactnavigation.org/docs/handling-safe-area/#use-the-hook-for-more-control).
-If you are using a bottom tab-bar you can utilize the `useBottomTabBarHeight` hook from `@react-navigation/bottom-tabs` to get the appropriate height to use.
-
-```tsx {11,15}
-import React from 'react';
-import { NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Chat, OverlayProvider } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-const Stack = createStackNavigator<{ home: undefined }>();
-
-export const Nav = () => {
- const { bottom } = useSafeAreaInsets();
-
- return (
-
-
-
-
- {/** App components */})} name='home' />
-
-
-
-
- );
-};
-```
-
-```tsx
-import React from 'react';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-import { Nav } from './Nav';
-
-export const App = () => (
-
-
-);
-```
-
-:::note
-
-`bottomInset` can be set via props on the `OverlayProvider`, or set via the `setBottomInset` function provided by the `useAttachmentPickerContext` hook.
-
-:::
-
-### Resetting Selected Images
-
-The selected images in the `AttachmentPicker` are tightly coupled to the `MessageInput`.
-As there is only one `AttachmentPicker` in the navigation stack, but multiple `MessageInput`'s can exist, there are details around the setup that must be implemented correctly.
-For the typical navigation setup clearing the selected images is handled out of the box.
-For this to function properly your usage of the `Channel` component must include the usage of `thread` when appropriate.
-Failing to do this will result in unintentional behavior, such as excess image uploads as the selected images will be uploaded twice when selected if the `thread` state is not properly kept.
-
-In more complex scenarios where more than one `Channel` could potentially be rendered in multiple tabs a different approach would be necessary.
-It is suggested that you architect an approach best for your specific scenario.
-
-The `setSelectedImages` function can be pulled off of the `useAttachmentPickerContext` for granular control of the `AttachmentPicker` images.
-
-## Image Gallery
-
-The `ImageGallery` is populated by the `MessageList` component.
-`MessageList` utilizes information provided by both the `ThreadContext` and `threadList` prop to determine if the `ImageGallery` should be updated.
-If there is both a `thread` provided by the `ThreadContext` and the `threadList` prop is `true` on `MessageList`, or both values are falsy, the `ImageGallery` is updated appropriately.
-
-In practice this means that if you implement a screen for the main `Channel`, and another for `Thread` that is navigated to `onThreadSelect`, you need to indicate to the main `Channel` it should not update the `ImageGallery` while the `Thread` screen is present.
-To do this the main `Channel` component should be given the appropriate `thread` when the `Thread` screen shown, then the `thread` removed when navigating back to the main `Channel` screen.
-
-This can be done by keeping the current `thread` in a `context` and setting it `onThreadSelect`, then removing it `onThreadDismount`.
-Alternatively if a user only has a single path to and from the `Channel` screen to the `Thread` screen and back you can accomplish the same result using a local state and the [`useFocusEffect`](https://reactnavigation.org/docs/use-focus-effect/) hook from React Navigation.
-
-
-
-
-```tsx
-export const ThreadScreen = () => {
- const { channel } = useAppChannel();
- const { setThread, thread } = useAppThread();
-
- return (
-
- setThread(undefined)} />
-
- );
-};
-```
-
-```tsx
-export const ChannelScreen = () => {
- const { channel } = useAppChannel();
- const { setThread, thread } = useAppThread();
-
- return (
-
- {
- setThread(selectedThread);
- navigation.navigate('ThreadScreen');
- }}
- />
-
- );
-};
-```
-
-
-
-
-```tsx
-export const ChannelScreen = () => {
- const { channel } = useAppChannel();
- const [selectedThread, setSelectedThread] = useState();
-
- useFocusEffect(() => {
- setSelectedThread(undefined);
- });
-
- return (
-
- {
- setSelectedThread(thread);
- navigation.navigate('ThreadScreen', { thread });
- }}
- />
-
- );
-};
-```
-
-
-
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/translations.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/translations.mdx
deleted file mode 100644
index add14d3fcf..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/translations.mdx
+++ /dev/null
@@ -1,426 +0,0 @@
----
-id: translations
-sidebar_position: 4
-title: Adding Internationalization (i18n)
----
-
-If you deploy your app to users who speak another language, you'll need to internationalize it.
-Stream’s Chat Client provides the option to translate the user-created contents of messages in addition to the UI.
-The React Native SDK's UI Components are available in multiple languages out-of-the-box.
-At the moment we support the following languages (and more will be added in the future):
-
-- [English (en)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/en.json)
-- [French (fr)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/fr.json)
-- [Hindi (hi)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/hi.json)
-- [Italian (it)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/it.json)
-- [Dutch (nl)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/nl.json)
-- [Turkish (tr)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/tr.json)
-- [Russian (ru)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/ru.json)
-- [Japanese (ja)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/ja.json)
-- [Korean (ko)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/ko.json)
-
-## Usage
-
-The `Streami18n` provides static translations for React Native components from the Stream Chat SDK.
-`Streami18n` is a class that uses a configuration of [i18next](https://www.i18next.com/) with a subset of the functionality exposed.
-`Streami18n` is provided by `stream-chat-react-native` and can be imported from the library.
-
-The only step you need to start using `Streami18n` is to create an instance of the class.
-
-```tsx
-const streami18n = new Streami18n();
-```
-
-`Streami18n` will default to English (en). If you choose to use the default English settings with Day.js you do
-not need to deal directly with an instance of `Streami18n`, this is taken care of for you.
-
-If you choose to change the language, translation, or date handling, you will need to provide your modified instance of `Streami18n` to the component library.
-Two components require your custom instance of `Streami18n` to properly pass your translation and time-date functions to the component library, `OverlayProvider` and `Chat`.
-Both components accept an instance of `Streami18n` via the prop `i18nInstance`.
-Providing this prop will provide your instance of `Streami18n` to all of the components via [`context`](https://reactjs.org/docs/context.html) instead of the default instance.
-
-```tsx {5,8-9}
-import { StreamChat } from 'stream-chat';
-import { Chat, OverlayProvider, Streami18n } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-const streami18n = new Streami18n();
-
-export const App = () => (
-
-
- {/** App components */}
-
-
-);
-```
-
-### Setting language for components
-
-Stream provides built in translations for some languages out-of-the-box.
-`Streami18n` accepts two optional parameters when being instantiated, [`options`](#options) and [`i18nextConfig`](#i18nextconfig).
-These parameters allow you to modify the `Streami18n` instance to your preferences.
-
-As an example, let's say we need to localize the UI of the application for a Dutch audience:
-
-```tsx
-const streami18n = new Streami18n({ language: 'nl' }); // Instantiate Streami18n with Dutch strings.
-```
-
-Alternatively, you can also use [`setLanguage`](#setlanguage) method on `Streami18n` class.
-This is useful especially if you want to build language toggle functionality within your app.
-
-For example, let's say an application needs to default to English but support French:
-
-```tsx
-const streami18n = new Streami18n();
-
-...
-// Logic for how a user can change the language
-...
-
-streami18n.setLanguage('fr'); // The UI will change to French.
-```
-
-### Adding a new language
-
-Let's see how you can add support for additional languages in the SDK. As an example, we'll implement a custom Polish language translation:
-
-```tsx
-const streami18n = new Streami18n();
-streami18n.registerTranslation('pl', {
- 'Copy Message': 'Kopiuj wiadomość',
- 'Delete Message': 'Usuń wiadomość',
- '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} i {{ secondUser }} piszą...',
-});
-```
-
-Please take a look at all the available texts [here](https://github.com/GetStream/stream-chat-react/blob/master/src/i18n/en.json).
-
-### Overriding existing languages
-
-You can also make line item changes to the strings for existing UI components. This is useful if you want to tweak an existing language to use regional spelling variants (American English vs. UK English, for example) same process as [Adding a new language](#adding-a-new-language). As an example, we'll override the translations for Dutch language:
-
-```tsx
-const streami18n = new Streami18n();
-
-streami18n.registerTranslation('nl', {
- 'Delete Message': 'Verwijder bericht',
-});
-```
-
-### Using device locale to set language
-
-[`react-native-localize`](https://github.com/zoontek/react-native-localize#-react-native-localize) package provides a toolbox for React Native app localization.
-You can use this package to access user preferred locale, and use it to set language for chat components:
-
-```tsx
-import * as RNLocalize from 'react-native-localize';
-const streami18n = new Streami18n();
-
-const userPreferredLocales = RNLocalize.getLocales();
-
-streami18n.setLanguage(userPreferredLocales[0].languageCode);
-```
-
-### Overriding DateTime format
-
-React Native SDK uses [Day.js](https://day.js.org/en/) internally by default to format DateTime stamp.
-Day.js is a lightweight alternative to Moment.js with the same modern API and has [locale support](https://day.js.org/docs/en/i18n/i18n) as well.
-
-Day.js provides locale config for plenty of languages, you can check the whole list of locale configs [here](https://github.com/iamkun/dayjs/tree/dev/src/locale)
-
-You can either provide the Day.js locale config while registering
-language with `Streami18n` (either via constructor or `registerTranslation()`) or you can provide your own Day.js or Moment instance
-to Streami18n constructor, which will be then used internally (using the language locale) in components.
-
-```tsx
-const i18n = new Streami18n({
- language: 'nl',
- dayjsLocaleConfigForLanguage: {
- months: [...],
- monthsShort: [...],
- calendar: {
- sameDay: '...'
- }
- }
-});
-```
-
-You can add locale config for moment while registering translation via `registerTranslation` function:
-
-```tsx
-const i18n = new Streami18n();
-
-i18n.registerTranslation(
- 'mr',
- {
- 'Nothing yet...': 'काहीही नाही ...',
- '{{ firstUser }} and {{ secondUser }} are typing...':
- '{{ firstUser }} आणि {{ secondUser }} टीपी करत आहेत ',
- },
- {
- months: [...],
- monthsShort: [...],
- calendar: {
- sameDay: '...'
- }
- }
-);
-```
-
-Alternatively, you can use a utility library to handle DateTime by providing your own [`Moment`](https://momentjs.com/) object:
-
-```tsx
-import 'moment/locale/nl';
-import 'moment/locale/it';
-// or if you want to include all locales
-import 'moment/min/locales';
-
-import Moment from moment
-
-const i18n = new Streami18n({
- language: 'nl',
- DateTimeParser: Moment
-})
-```
-
-Or by providing your own [Day.js](https://day.js.org/docs/en/installation/installation) object:
-
-```tsx
-import Dayjs from 'dayjs';
-
-import 'dayjs/locale/nl';
-import 'dayjs/locale/it';
-// or if you want to include all locales
-import 'dayjs/min/locales';
-
-const i18n = new Streami18n({
- language: 'nl',
- DateTimeParser: Dayjs,
-});
-```
-
-If you would like to stick with English language for date-times in Stream components, you can set `disableDateTimeTranslations` to true.
-
-### Translating messages
-
-If your application has a user base that speaks more than one language, Stream's Chat Client provides the option to automatically translate messages. For more information on using automatic machine translation for messages, see the [Chat Client Guide on Translation](https://getstream.io/chat/docs/react-native/translation/?language=javascript).
-
-## Options
-
-`options` is the first optional parameter passed to `Streami18n`, it is an object with all keys being optional.
-
-### DateTimeParser
-
-Used for translating dates and times into the desired local format.
-Either [Day.js](https://day.js.org/) or [Moment](https://momentjs.com/) can be used.
-Day.js is a dependency of the repository and used by default.
-
-| TYPE | DEFAULT |
-| --------------- | ------- |
-| Dayjs \| Moment | `Dayjs` |
-
-### dayjsLocaleConfigForLanguage
-
-You can [customize and create](https://day.js.org/docs/en/customization/customization) new locales using Day.js.
-To allow accessibility to this option when using the default Day.js instance you can pass these customizations via the `dayjsLocaleConfigForLanguage` key.
-
-| TYPE |
-| ------ |
-| object |
-
-### debug
-
-Enable [debug mode](https://www.i18next.com/overview/configuration-options#logging) in internal i18next instance.
-
-| TYPE | DEFAULT |
-| ------- | ------- |
-| boolean | `false` |
-
-### disableDateTimeTranslations
-
-Use the default English language date-times instead of those dictated by the language set.
-
-| TYPE | DEFAULT |
-| ------- | ------- |
-| boolean | `false` |
-
-### language
-
-Language code for language to be used.
-The following options are available:
-
-- English (`en`)
-- French (`fr`)
-- Hindi (`hi`)
-- Italian (`it`)
-- Dutch (`nl`)
-- Turkish (`tr`)
-- Russian (`ru`)
-- Japanese (`ja`)
-- Korean (`ko`)
-
-| TYPE | DEFAULT |
-| ------ | ------- |
-| string | `en` |
-
-### logger
-
-Function to log warnings & errors from `Streami18n`.
-
-| TYPE | DEFAULT |
-| ------------------------ | -------------- |
-| `(msg?: string) => void` | `console.warn` |
-
-### translationsForLanguage
-
-Allows you to override the provided translations for given keys.
-
-```ts
-const streami18n = new Streami18n({
- language: 'nl',
- translationsForLanguage: {
- 'Nothing yet...': 'Nog Niet...',
- '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} en {{ secondUser }} zijn aan het typen...',
- },
-});
-```
-
-| TYPE |
-| ------ |
-| object |
-
-## I18NextConfig
-
-`i18NextConfig` is the second optional parameter passed to `Streami18n`, it is an object with all keys being optional.
-`i18nextConfig` is used in the instantiation of the i18next instance and mostly aligns with the [i18next options](https://www.i18next.com/translation-function/essentials#overview-options).
-
-### debug
-
-Enable [debug mode](https://www.i18next.com/overview/configuration-options#logging) in internal i18next instance.
-This overrides the [`debug` key on options](#debug) if provided.
-
-| TYPE |
-| ------- |
-| boolean |
-
-### `fallbackLng`
-
-Fallback language setting for i18next.
-
-| TYPE |
-| --------------------------------------------------------------------- |
-| [`FallbackLng`](https://www.i18next.com/principles/fallback#fallback) |
-
-### interpolation
-
-i18next interpolation setting for integrating dynamic values into translations.
-
-| TYPE | DEFAULT |
-| ------------------------------------------------------------------------------------ | ------------------------ |
-| [`object`](https://www.i18next.com/translation-function/interpolation#interpolation) | `{ escapeValue: false }` |
-
-### `keySeparator`
-
-Override character to separate keys.
-
-| TYPE | DEFAULT |
-| ----------------- | ------- |
-| string \| boolean | `false` |
-
-### `lng`
-
-Override language to use.
-
-| TYPE |
-| ------ |
-| string |
-
-### `nsSeparator`
-
-Override character to split namespace from key.
-
-| TYPE | DEFAULT |
-| ----------------- | ------- |
-| string \| boolean | `false` |
-
-### parseMissingKeyHandler
-
-Function to handle keys missing translations for the selected language.
-
-| TYPE | DEFAULT |
-| ------------------------- | -------------- |
-| `(key: string) => string` | `(key) => key` |
-
-## Methods
-
-### getAvailableLanguages
-
-Returns an array of language code strings corresponding to available languages.
-
-```ts
-const availableLanguages = streami18n.getAvailableLanguages();
-```
-
-### geti18Instance
-
-Returns instance of i18next used within the `Streami18n` instance.
-
-```ts
-const i18n = streami18n.geti18Instance();
-```
-
-### `getTranslations`
-
-Returns the current translations dictionaries for all languages.
-
-```ts
-const translations = streami18n.getTranslations();
-```
-
-### `getTranslators`
-
-Asynchronous function that returns the current translator functions.
-
-```ts
-const { t, tDateTimeParser } = await streami18n.getTranslators();
-```
-
-### `registerTranslation`
-
-Allows you to register a custom translation, this will override a translation if one already exists for the given language code.
-The third parameter, which is optional, is a Day.js locale, which is structured the same as [dayjsLocaleConfigForLanguage](#dayjslocaleconfigforlanguage).
-
-It is suggested you look at the [`enTranslations.json` file](https://github.com/GetStream/stream-chat-react/blob/master/src/i18n/en.json) exported from `stream-chat-react-native` for a current list of used translation keys.
-
-```ts
-streami18n.registerTranslation('mr', {
- 'Nothing yet...': 'काहीही नाही ...',
- '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} आणि {{ secondUser }} टीपी करत आहेत',
-});
-```
-
-#### Parameters
-
-| NAME | TYPE | REQUIRED |
-| ----------------- | ------ | ------------------ |
-| language | string | :heavy_check_mark: |
-| translation | object | :heavy_check_mark: |
-| customDayjsLocale | object | |
-
-### `setLanguage`
-
-Asynchronous function that changes the current language and returns the new translation function.
-If not initialized `undefined` will be returned.
-If the language fails to update the current translation function will be returned.
-
-```ts
-const t = await streami18n.setLanguage('nl');
-```
-
-#### Parameters
-
-| NAME | TYPE | REQUIRED |
-| -------- | ------ | ------------------ |
-| language | string | :heavy_check_mark: |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/troubleshooting.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/troubleshooting.mdx
deleted file mode 100644
index b532714d83..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/basics/troubleshooting.mdx
+++ /dev/null
@@ -1,346 +0,0 @@
----
-id: troubleshooting
-sidebar_position: 6
-title: Troubleshooting
----
-
-There are a few common problems users have reported when setting up Stream Chat for React Native, to help you if you run afoul of these problems we have created a list of common issues and solutions.
-If you encounter something that is not listed here, try [searching for the issue in GitHub](https://github.com/GetStream/stream-chat-react-native/issues).
-
-## Cannot run remote debugger
-
-React Native is [undergoing major architecture changes](https://github.com/react-native-community/discussions-and-proposals/issues/91), [Reanimated 2](https://docs.swmansion.com/react-native-reanimated/) has capitalized on the already released improvements and taken advantage of the JSI to provide an amazingly powerful library.
-Currently though [there are a list of limitations](https://docs.swmansion.com/react-native-reanimated/docs/#known-problems-and-limitations) that Reanimated 2 has, one of which is that the use of the JSI prevents debugging without using [Flipper](https://fbflipper.com/), therefore you must use Flipper for remote debugging.
-
-## Messages sending in thread instead of channel
-
-There is an internal thread state that is used to track the current thread.
-When you click on a thread and take an action such as navigating to another screen the `thread` is set within the `Channel` component in the current screen to the selected `thread`.
-When you return to the original screen you need to reset the thread to ensure it is not being set on the messages when they are sent.
-We suggest you keep track of a `thread` state on your own and provide it to any `Channel` component you use whether on a channel or thread.
-
-```tsx {2}
-
-
-
-
-```
-
-```tsx {2}
-
-
- setThread(null)} />
-
-
-```
-
-You may be wondering why this is all necessary, this is because in most cases there is only a single `OverlayProvider`.
-The `OverlayProvider` keeps track of the currently selected images in the image picker, and the images available to view in the image gallery from a given channel or thread.
-To keep these in sync with the currently visible screen some logic is used to determine whether or not they should update, this logic is dependant on the `thread` state.
-
-## Undefined is not a function
-
-Stream Chat for React Native relies heavily on context, in instances where the Render Error `undefined is not a function` occurs it is almost always the case that a context provider is not wrapping a component appropriately.
-If you encounter this error please ensure the `OverlayProvider`, `Chat`, and `Channel` components are wrapping your application correctly.
-
-## Incorrect input position
-
-If the `MessageInput` is at the incorrect height when the keyboard is displayed a setting could being incorrect.
-
-Ensure the `keyboardVerticalOffset` prop passed to `Channel` is correct and accounts for any header height that may need to be adjusted for.
-
-### Android
-
-On Android if the StatusBar is set to translucent, that is `StatusBar.setTranslucent(true)` then there may be some inaccurate layout calculations occurring.
-
-If you are using the standard React Native Android keyboard setting of `android:windowSoftInputMode="adjustResize"`, you can disable to layout adjustments on Android using the prop `disableKeyboardCompatibleView` and this will ignore the incorrect measurements.
-
-## Wrong images in gallery
-
-The image viewer is created in the `OverlayProvider` so it can cover the entire screen, thus if you are wrapping your navigation in the `OverlayProvider` there is only copy present throughout the application.
-The images present in the viewer are determined by logic based off of both the current `channel` and `thread` provided to the `Channel` component.
-You therefore must keep these props up to date as you navigate to ensure when returning to a channel from a thread the images in the viewer are once again updated to those from the channel.
-
-To do this make sure your `Channel` components are always aware of the thread state, even when being used for a channel.
-
-```tsx
-
-
-```
-
-```tsx
-
- setThread(null)} />
-
-```
-
-## Image gallery not full screen
-
-If the image viewer or message overlay is not covering the full screen, for instance it is rendering below or behind a Header, it is likely the `OverlayProvider` is not setup in the correct location within the application.
-Please refer to the [Stream Chat with Navigation](./stream_chat_with_navigation.mdx) documentation to properly place the `OverlayProvider` in relation to your navigation solution or other components.
-
-## Image picker incorrect height
-
-The image picker opens the gallery to a height based on the location of the `MessageInput`, if there is space below the `MessageInput`, for instance a Safe Area or a Tab Bar, this must be taken into account.
-To account for this the prop `bottomInset` can be provided to the `OverlayProvider`.
-
-```tsx
-
-```
-
-Similarly if the gallery fully open is not at the desired height, this can be adjusted using the `OverlayProvider` prop `topInset`.
-
-```tsx
-
-```
-
-:::note
-
-`topInset` prior to version `3.6.0` needed to be set before the image picker would render.
-Additionally it could only be set one time via either props or the `setTopInset` function, otherwise the gallery would open to incorrect heights.
-Both `bottomInset` & `topInset` can be set via the appropriate functions, `setBottomInset` and `setTopInset`, that are accessible via the `useAttachmentPickerContext` hook.
-
-:::
-
-### Android
-
-On Android if the StatusBar is set to translucent, that is `StatusBar.setTranslucent(true)` then you need to provide the prop `translucentStatusBar` to the `OverlayProvider`.
-This prop is a `boolean` that adjusts for differences in the measurements of the screen height when the StatusBar on Android is translucent.
-It is important to note that since Expo 38 `true` is the default for transparent on Android.
-
-## Image picker not working
-
-If the image picker is appearing incorrectly, for instance behind a bottom Tab Bar, it is likely the `OverlayProvider` is not setup in the correct location within the application.
-Please refer to the [Stream Chat with Navigation](./stream_chat_with_navigation.mdx) documentation to properly place the `OverlayProvider` in relation to your navigation solution.
-
-### iOS
-
-Add the `NSPhotoLibraryUsageDescription` key in your `Info.plist` with a description of use.;
- user_id?: string;
- }
->;
-```
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channel-context/scroll_to_first_unread_threshold.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channel-context/scroll_to_first_unread_threshold.mdx
deleted file mode 100644
index 876399fcac..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channel-context/scroll_to_first_unread_threshold.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Minimum number of unread messages a channel should have in order to set the initial scroll position to first unread message.
-This value is only used when [initialScrollToFirstUnreadMessage](../../../core-components/channel.mdx#initialscrolltofirstunreadmessage) is set to true.
-
-| Type | Default |
-| ------ | ------- |
-| number | 4 |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channel-context/watchers.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channel-context/watchers.mdx
deleted file mode 100644
index d02b5b9a8f..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channel-context/watchers.mdx
+++ /dev/null
@@ -1,19 +0,0 @@
-Watchers of current channel. This value is received from backend when you query a channel, either using [`client.queryChannels()`](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript&q=members) or [`channel.watch()`](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript&q=members) API call.
-
-:::caution
-
-
-
-`client.queryChannels()` or `channel.watch()` returns only up to 100 watchers for channel. So if you expect total number of watchers to be > 100, you should request them explicitly using [Channel Pagination](https://getstream.io/chat/docs/javascript/channel_pagination/?language=javascript&q=members)
-:::
-
-```tsx
-Record<
- string, // string
- UserResponse
->;
-```
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/channels.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/channels.mdx
deleted file mode 100644
index 07d9933921..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/channels.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Array of channels currently loaded within the `ChannelList` component.
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/error.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/error.mdx
deleted file mode 100644
index e75666b6cc..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/error.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if a call to [query channels API call](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript) within `ChannelList` component results in error, either during first load or during pagination.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/has_next_page.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/has_next_page.mdx
deleted file mode 100644
index f93e63313d..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/has_next_page.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-False if `ChannelList` component has loaded all the channels corresponding to [`filters`](../../../core-components/channel_list.mdx#recommended-filters).
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/load_next_page.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/load_next_page.mdx
deleted file mode 100644
index 510b9d78ef..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/load_next_page.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to load next page for the `ChannelList` component.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/loading_channels.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/loading_channels.mdx
deleted file mode 100644
index 1f2ea665e0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/loading_channels.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if `ChannelList` component is loading the first page of channels.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/loading_next_page.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/loading_next_page.mdx
deleted file mode 100644
index 17919b3d2a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/loading_next_page.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if `ChannelList` component is loading more channels as part of pagination. This will be set to true when user scrolls to bottom of the list and [`hasNextPage`](../../../contexts/channels_context.mdx#hasnextpage) is true.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/refresh_list.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/refresh_list.mdx
deleted file mode 100644
index 8b4e81b0df..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/refresh_list.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Function to manually re-sync or refresh the channels in `ChannelList` component.
-
-:::note
-Calling `refreshList` will trigger a [RefreshControl](https://reactnative.dev/docs/refreshcontrol) on underlying FlatList component.
-:::
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/refreshing.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/refreshing.mdx
deleted file mode 100644
index f1c2b03ad9..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/refreshing.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-True if `ChannelList` component is refreshing the list (using [`refreshList`](#refreshlist) function call). Refreshing state will be triggered either when user executes pull-to-refresh gesture or if network connection is being recovered.
-This value is attached to [refreshing](https://reactnative.dev/docs/flatlist#refreshing) prop of underlying `FlatList` component of `ChannelList`.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/reload_list.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/reload_list.mdx
deleted file mode 100644
index 56f823ac61..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/channels-context/reload_list.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Function to manually reload the channels in `ChannelList` component.
-
-:::note
-Calling `reloadList` will wipe out the existing list of channels and show a loading indicator until new results are ready.
-:::
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/image-gallery-context/set_image.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/image-gallery-context/set_image.mdx
deleted file mode 100644
index db187baab0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/image-gallery-context/set_image.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter for value [`image`](../../../contexts/message_input_context.mdx#image).
-
-| Type |
-| ------------------------------------------------------ |
-| `(image: {messageId?: string; url?: string;}) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/alignment.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/alignment.mdx
deleted file mode 100644
index 31aad1109e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/alignment.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Sets if the message should be aligned to right or left side of list.
-
-| Type | Default |
-| --------------------- | ------- |
-| enum('right', 'left') | 'right' |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/disabled.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/disabled.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/files.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/files.mdx
deleted file mode 100644
index 1a9e674b30..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/files.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Array of `file` type attachments to be shown in the grouped UI component.
-
-```tsx
-const files = message.attachments.filter(a => a.type === 'file');
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/group_styles.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/group_styles.mdx
deleted file mode 100644
index 866652ba1b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/group_styles.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-Position of message in the group. A message group is a group of consecutive messages from the same user. `groupStyles` can be used to style the message as per their position in message group.
-
-for example user avatar (to which message belongs to) is only showed for last (bottom) message in group.
-
-| Type |
-| -------------------------------------------------- |
-| array of enum('top', 'bottom', 'middle', 'single') |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/handle_action.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/handle_action.mdx
deleted file mode 100644
index 919625ee5b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/handle_action.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to send an attachment action on message. For example, in case of `giphy` type attachments, there are 3 actions available - Shuffle, Cancel, Send.
-
-| Type |
-| ------------------------------------------ |
-| `(name: string, value: string) => Promise` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/has_reactions.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/has_reactions.mdx
deleted file mode 100644
index 9877aa5a92..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/has_reactions.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if the message has at least 1 reaction.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/images.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/images.mdx
deleted file mode 100644
index ce01a502ed..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/images.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Array of `image` type attachments on message.
-
-```tsx
-const images = message.attachments.filter(a => a.type === 'image');
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/is_my_message.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/is_my_message.mdx
deleted file mode 100644
index 1f0b0cee9e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/is_my_message.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if the message is sent by current user (connected to chat).
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/last_group_message.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/last_group_message.mdx
deleted file mode 100644
index e1e68fdaaa..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/last_group_message.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Whether or not this is the last message in a [group of messages](#groupstyles).
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/message.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/message.mdx
deleted file mode 100644
index 0d469d99d8..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/message.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Message object
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/message_content_order.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/message_content_order.mdx
deleted file mode 100644
index 26a3d0953a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/message_content_order.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-Order of message content.
-
-for example `['quoted_reply', 'attachments', 'file', 'gallery', 'text']`
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/on_long_press.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/on_long_press.mdx
deleted file mode 100644
index f2d35230dd..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/on_long_press.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Default long press handler for message UI.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/on_open_thread.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/on_open_thread.mdx
deleted file mode 100644
index aa4d1f6465..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/on_open_thread.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Handler function for "Thread Reply" action.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/on_press.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/on_press.mdx
deleted file mode 100644
index 31203f8cb5..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/on_press.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Default press handler for message UI.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/on_press_in.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/on_press_in.mdx
deleted file mode 100644
index 5d07cc5fa9..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/on_press_in.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Default `pressIn` handler for message UI.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/only_emojis.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/only_emojis.mdx
deleted file mode 100644
index 854e7075be..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/only_emojis.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if the message text only contains emojis and nothing else.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/other_attachments.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/other_attachments.mdx
deleted file mode 100644
index f49c1aa503..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/other_attachments.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-All the attachments on the message except for types `file` and `image`.
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/prevent_press.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/prevent_press.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/reactions.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/reactions.mdx
deleted file mode 100644
index 0207eaf38a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/reactions.mdx
+++ /dev/null
@@ -1,18 +0,0 @@
-List of reactions added to the message.
-
-```tsx
-[
- {
- own: true,
- type: 'love',
- },
- {
- own: false,
- type: 'haha',
- },
-];
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/show_avatar.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/show_avatar.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/show_message_overlay.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/show_message_overlay.mdx
deleted file mode 100644
index cd85f03110..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/show_message_overlay.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to open the message action overlay. This function gets called when user long presses a message.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/show_message_status.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/show_message_status.mdx
deleted file mode 100644
index 86bfffc551..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/show_message_status.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-When false, message status (read receipt, pending state indicator) won't be rendered.
-By default, this value is true for messages sent by current user of chat.
-
-| Type |
-| --------- |
-| `boolean` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/thread_list.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/thread_list.mdx
deleted file mode 100644
index 89b75c9b26..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-context/thread_list.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if current message is part of a message thread.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/append_text.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/append_text.mdx
deleted file mode 100644
index 3ee60e6ce6..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/append_text.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Appends text to existing text entered by user in `MessageInput` component.
-
-| Type |
-| ---------------- |
-| `(text) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/clear_editing_state.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/clear_editing_state.mdx
deleted file mode 100644
index 584878fe20..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/clear_editing_state.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to clear "Editing Message" state from MessageInput component.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/clear_quoted_message_state.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/clear_quoted_message_state.mdx
deleted file mode 100644
index 68b49a1402..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/clear_quoted_message_state.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to clear "Add Quoted Reply" state from MessageInput component.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/close_attachment_picker.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/close_attachment_picker.mdx
deleted file mode 100644
index 4e0e0aa088..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/close_attachment_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Dismiss the attachment picker, if its already open.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/editing.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/editing.mdx
deleted file mode 100644
index 122204af58..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/editing.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if the user is editing some message within `MessageInput` component.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/file_uploads.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/file_uploads.mdx
deleted file mode 100644
index 9bf133f716..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/file_uploads.mdx
+++ /dev/null
@@ -1,21 +0,0 @@
-List of `file` type attachments currently attached to message, which is being composed in `MessageInput` component.
-
-```tsx
-[
- {
- file: {
- name: 'test.pdf';
- size: 2000;
- type: 'application/pdf';
- uri: 'file-uri';
- };
- id: 'asdas232bk3jb42k3';
- state: 'uploaded'; // or 'finished'
- url: 'https://cdn.getstream.io/kajsnkj2n3j4';
- }
-]
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/giphy_active.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/giphy_active.mdx
deleted file mode 100644
index 411523c3f8..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/giphy_active.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-True if a user selects the `giphy` command from commands list (which is shown when you type a `/` in the input box).
-This value is set back to `false` when the user sends the message for searching Giphy.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/image_uploads.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/image_uploads.mdx
deleted file mode 100644
index 8516b9a18b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/image_uploads.mdx
+++ /dev/null
@@ -1,16 +0,0 @@
-List of `image` type attachments currently attached to message, which is being composed in `MessageInput` component.
-
-```tsx
-[
- {
- file: { name: 'fallback-name.jpeg' },
- id: '2j3n4k23nj4k23n4k3',
- state: 'finished', // or 'uploading'
- url: 'https://cdn.getstream.io/kajsnkj2n3j4', // If the state is `uploading`, then this will be a local uri of image.
- },
-];
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/input_box_ref.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/input_box_ref.mdx
deleted file mode 100644
index c6572e0359..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/input_box_ref.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Ref for [`TextInput`](https://reactnative.dev/docs/textinput) component within `MessageInput`
-
-| Type |
-| ----------------------------------------------------------------------------------- |
-| [ref](https://reactjs.org/docs/refs-and-the-dom.html#adding-a-ref-to-a-dom-element) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/is_valid_message.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/is_valid_message.mdx
deleted file mode 100644
index 2030dd99ab..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/is_valid_message.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-False if text within input box is empty and no images or files have been attached to a message yet. You can use this value to add enabled/disabled UI state on SendMessage button.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/mentioned_users.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/mentioned_users.mdx
deleted file mode 100644
index 523053417d..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/mentioned_users.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Ids of users which are mentioned (for example `Hey @Vishal Narkhede, how are you`) in a message, which is being composed in MessageInput component.
-
-```tsx
-['vishal-user-id', 'jaap-user-id'];
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/number_of_uploads.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/number_of_uploads.mdx
deleted file mode 100644
index b22885288b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/number_of_uploads.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Number of image + files attached to message which is being composed in `MessageInput` component.
-
-| Type |
-| ------ |
-| number |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/on_change.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/on_change.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/open_attachment_picker.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/open_attachment_picker.mdx
deleted file mode 100644
index 284b0fb6d5..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/open_attachment_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Opens the attachment picker bottom sheet, if its not open.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/open_commands_picker.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/open_commands_picker.mdx
deleted file mode 100644
index dec0f5543b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/open_commands_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Opens the commands picker box. By default, this function is attached to `onPress` handler for [`CommandsButton`](../../../core-components/channel.mdx#commandsbutton).
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/open_file_picker.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/open_file_picker.mdx
deleted file mode 100644
index 2c49c1bdf6..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/open_file_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Opens the file picker. By default, this function is attached to `onPress` handler for [`FileAttachmentIcon`](../../../core-components/channel.mdx#fileattachmenticon).
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/open_mentions_picker.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/open_mentions_picker.mdx
deleted file mode 100644
index 50de10e052..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/open_mentions_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Opens the user mentions autocomplete popup. When user types `@` in input box, internally this function gets called.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/quoted_message.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/quoted_message.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/remove_file.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/remove_file.mdx
deleted file mode 100644
index 8e73c76d42..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/remove_file.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Removes attached file in message, which is being composed in `MessageInput` component. By default, this function is attached to `onPress` handler for close button in [FileUploadPreview](../../../core-components/channel.mdx#fileuploadpreview).
-It takes index of file (to be removed) in [`fileUploads`](../../../contexts/message_input_context.mdx#fileuploads) array as parameter.
-
-| Type |
-| ----------------- |
-| `(index) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/remove_image.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/remove_image.mdx
deleted file mode 100644
index 8fbe8ea77a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/remove_image.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Removes attached image in message, which is being composed in `MessageInput` component. By default, this function is attached to `onPress` handler for close button in [ImageUploadPreview](../../../core-components/channel.mdx#imageuploadpreview).
-It takes index of file (to be removed) in [`imageUploads`](../../../contexts/message_input_context.mdx#imageuploads) array as parameter.
-
-| Type |
-| ----------------- |
-| `(index) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/reset_input.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/reset_input.mdx
deleted file mode 100644
index 30eae37082..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/reset_input.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Resets the entire `MessageInput` component to empty state by clearing the text, attachments etc.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/send_message.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/send_message.mdx
deleted file mode 100644
index e6266a642a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/send_message.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Sends a composed message within `MessageInput` component to channel. This function is attached to `onPress` handler of [`SendButton`](../../../core-components/channel.mdx#sendbutton). The message optimistically gets added to message list UI first, before actually making API call to server.
-During this intermediate stage, MessageStatus component will display an indicator for "pending" state.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/send_message_async.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/send_message_async.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/send_thread_message_in_channel.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/send_thread_message_in_channel.mdx
deleted file mode 100644
index f82d5fc5c0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/send_thread_message_in_channel.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-This value is only applicable to `Thread` component. When value `sendThreadMessageInChannel` is true, message gets sent from `MessageInput` component with property `show_in_channel: true`.
-This value is attached to the checkbox (with label "Also Send To Channel") in `MessageInput` component within `Thread` component.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_file_uploads.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_file_uploads.mdx
deleted file mode 100644
index 4402485f15..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_file_uploads.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`fileUploads`](../../../contexts/message_input_context.mdx#fileuploads).
-
-| Type |
-| ----------------- |
-| `(files) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_giphy_active.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_giphy_active.mdx
deleted file mode 100644
index 7101949ad0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_giphy_active.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`giphyActive`](../../../contexts/message_input_context.mdx#giphyactive)
-
-| Type |
-| -------------------- |
-| `(isActive) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_image_uploads.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_image_uploads.mdx
deleted file mode 100644
index cdadca17b6..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_image_uploads.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`imageUploads`](../../../contexts/message_input_context.mdx#imageuploads).
-
-| Type |
-| ------------------ |
-| `(images) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_input_box_ref.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_input_box_ref.mdx
deleted file mode 100644
index 9520081bb1..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_input_box_ref.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`inputBoxRef`](../../../contexts/message_input_context.mdx#inputboxref)
-
-| Type |
-| --------------- |
-| `(ref) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_mentioned_users.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_mentioned_users.mdx
deleted file mode 100644
index c346731d97..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_mentioned_users.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`mentionedUsers`](../../../contexts/message_input_context.mdx#mentionedusers)
-
-| Type |
-| -------------------------- |
-| `(mentionedUsers) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_number_of_uploads.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_number_of_uploads.mdx
deleted file mode 100644
index 26c6f9d982..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_number_of_uploads.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`numberOfUploads`](../../../contexts/message_input_context.mdx#numberofuploads)
-
-| Type |
-| --------------------------- |
-| `(numberOfUploads) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_send_thread_message_in_channel.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_send_thread_message_in_channel.mdx
deleted file mode 100644
index ffc7db8efe..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_send_thread_message_in_channel.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`setSendThreadMessageInChannel`](../../../contexts/message_input_context.mdx#setsendthreadmessageinchannel).
-
-| Type |
-| -------------------------------------- |
-| `(sendThreadMessageInChannel) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_show_more_options.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_show_more_options.mdx
deleted file mode 100644
index e3a9be2565..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_show_more_options.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`showMoreOptions`](../../../contexts/message_input_context.mdx#showmoreoptions).
-
-| Type |
-| --------------------------- |
-| `(showMoreOptions) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_text.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_text.mdx
deleted file mode 100644
index eb0419fc17..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/set_text.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`text`](../../../contexts/message_input_context.mdx#text).
-
-| Type |
-| ---------------- |
-| `(text) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/show_more_options.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/show_more_options.mdx
deleted file mode 100644
index 8349cb9794..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/show_more_options.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Represents the expanded or collapsed state for attach and commands button, next to input box.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/text.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/text.mdx
deleted file mode 100644
index 08ed06ce7e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/text.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Text message entered by user in underlying [`TextInput`](https://reactnative.dev/docs/textinput) within `MessageInput` component.
-This value is attached to `TextInput`'s [`value prop`](https://reactnative.dev/docs/textinput#value)
-
-| Type |
-| ------ |
-| string |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/toggle_attachment_picker.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/toggle_attachment_picker.mdx
deleted file mode 100644
index 7ac1423fab..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/toggle_attachment_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to toggle attachment picker. By default, this function is attached to `onPress` handler for [`AttachButton`](../../../core-components/channel.mdx#attachbutton).
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/trigger_settings.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/trigger_settings.mdx
deleted file mode 100644
index b869370d37..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/trigger_settings.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Trigger settings for the auto complete input.
-
-| Type | Default |
-| ------ | --------------------------------------------------------------------------------------------------------------------- |
-| object | [TriggerSettings](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/utils/utils.ts#L177) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/update_message.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/update_message.mdx
deleted file mode 100644
index c1333db5d0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/update_message.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-This function is a counterpart of [`sendMessage`](#sendmessage), for the case of editing a message. This function is attached to [`SendButton`](../../../core-components/channel.mdx#sendbutton) when some existing message is being updated.
-Similar to `sendMessage` function, the message will be updated in message list UI first, before making API call to update the message.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/upload_file.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/upload_file.mdx
deleted file mode 100644
index fe885323c4..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/upload_file.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-This function is used internally by [`uploadNewFile`](../../../contexts/message_input_context.mdx#uploadnewfile) function, and is used for purpose retry mechanism.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/upload_image.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/upload_image.mdx
deleted file mode 100644
index 59df5df5cd..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/upload_image.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-This function is used internally by [`uploadNewImage`](../../../contexts/message_input_context.mdx#uploadnewimage) function, and is used for purpose retry mechanism.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/upload_new_file.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/upload_new_file.mdx
deleted file mode 100644
index 536f06672b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/upload_new_file.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Function to upload an attached file in `MessageInput`. This function adds a file to [`fileUploads`](../../../contexts/message_input_context.mdx#fileuploads) array and calls `channel.sendFile`.
-This function takes a file from [react-native-document-picker](https://www.npmjs.com/package/react-native-document-picker) as parameter.
-
-| Type |
-| ------------------- |
-| `(file) => Promise` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/upload_new_image.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/upload_new_image.mdx
deleted file mode 100644
index bcf3f9beb8..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-input-context/upload_new_image.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to upload an attached image in `MessageInput`. This function takes an image from `imageUploads` array as a parameter.
-
-| Type |
-| -------------------- |
-| `(image) => Promise` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-overlay-context/data.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-overlay-context/data.mdx
deleted file mode 100644
index b10aef4845..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/message-overlay-context/data.mdx
+++ /dev/null
@@ -1,107 +0,0 @@
-import MessageActions from '../../core-components/channel/props/message_actions.mdx';
-import SupportedReactions from '../../core-components/channel/props/supported_reactions.mdx';
-import OverlayReactionList from '../../core-components/overlay-provider/props/overlay_reaction_list.mdx';
-import HandleReaction from '../../core-components/channel/props/handle_reaction.mdx';
-
-import Alignment from '../message-context/alignment.mdx';
-import Files from '../message-context/files.mdx';
-import GroupStyles from '../message-context/group_styles.mdx';
-import Images from '../message-context/images.mdx';
-import MessageProp from '../message-context/message.mdx';
-import OnlyEmojis from '../message-context/only_emojis.mdx';
-import OtherAttachments from '../message-context/other_attachments.mdx';
-import ThreadList from '../message-context/thread_list.mdx';
-
-This is an object with following keys:
-
-- `alignment`
-
-{' '}
-
-, onSelect: function }` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/suggestions-context/suggestions_title.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/suggestions-context/suggestions_title.mdx
deleted file mode 100644
index 52e58df1f6..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/suggestions-context/suggestions_title.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Title component of current active suggestions autocomplete list.
-
-| Type |
-| ----------------- |
-| string \| Element |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/suggestions-context/suggestions_view_active.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/suggestions-context/suggestions_view_active.mdx
deleted file mode 100644
index 600a90b29b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/suggestions-context/suggestions_view_active.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Weather the autocomplete suggestions list is open or not.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/suggestions-context/update_suggestions.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/suggestions-context/update_suggestions.mdx
deleted file mode 100644
index 27adddf35c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/suggestions-context/update_suggestions.mdx
+++ /dev/null
@@ -1,8 +0,0 @@
-Update the suggestions in autocomplete suggestions list. This function takes following two parameters:
-
-- `suggestions` - `{ data: array, onSelect: function }`
-- `title` - new title component for suggestions list.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/close_thread.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/close_thread.mdx
deleted file mode 100644
index ac1abfe63c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/close_thread.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Unsets the thread and thread messages in the Channel state.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/load_more_thread.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/load_more_thread.mdx
deleted file mode 100644
index 3d4d81e956..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/load_more_thread.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Loads more messages for the thread. Returns a promise.
-
-| Type |
-| --------------------- |
-| `() => Promise` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/open_thread.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/open_thread.mdx
deleted file mode 100644
index fc6aa2d94a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/open_thread.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Sets the thread and thread messages in the Channel state.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/reload_thread.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/reload_thread.mdx
deleted file mode 100644
index 7ecd2c5f5c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/reload_thread.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Reloads the thread and thread messages.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/set_thread_loading_more.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/set_thread_loading_more.mdx
deleted file mode 100644
index 0dd9f96b8d..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/set_thread_loading_more.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-A function which can be used to set the thread loading more state.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/thread_has_more.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/thread_has_more.mdx
deleted file mode 100644
index d2d60afea1..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/thread_has_more.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Boolean flag for thread messages pagination.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/thread_loading_more.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/thread_loading_more.mdx
deleted file mode 100644
index d301c20527..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/thread_loading_more.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Boolean flag for thread messages loading more state.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/thread_messages.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/thread_messages.mdx
deleted file mode 100644
index 64ce04cc17..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/contexts/thread-context/thread_messages.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-A list of formatted messages objects.
-
-| Type |
-| --------------- | ------------------------------------------------------------------------------ |
-| `Array` | |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel-list/props/additional_flat_list_props.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel-list/props/additional_flat_list_props.mdx
deleted file mode 100644
index d2e09c9cf3..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel-list/props/additional_flat_list_props.mdx
+++ /dev/null
@@ -1,19 +0,0 @@
-Additional props provided to the underlying [FlatList](https://reactnative.dev/docs/flatlist#props).
-
-#### Example
-
-```tsx
-const flatListProps = { bounces: true };
-
- (flatListRef.current = ref)} />;
-```
-
-| Type |
-| -------- |
-| function |
-
-| Parameter | Description |
-| --------- | ------------ |
-| ref | FlatList ref |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel-list/props/skeleton.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel-list/props/skeleton.mdx
deleted file mode 100644
index 3fdbc37915..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel-list/props/skeleton.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Row item rendered in the [`LoadingIndicator`](#loadingindicator).
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------------------------- |
-| component | [Skeleton](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelList/Skeleton.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel-list/props/sort.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel-list/props/sort.mdx
deleted file mode 100644
index 06b186218e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel-list/props/sort.mdx
+++ /dev/null
@@ -1,19 +0,0 @@
-Sort object passed internally to the [client query function](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript) as a parameter.
-You can sort a query on [built-in](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript#query-parameters) and custom fields on a Channel.
-
-#### Example
-
-```tsx
-const sort = { last_updated: -1 };
-```
-
-:::note
-
-For optimal performance you should pass a sort object with a static reference.
-You can use a sort object that is not created inline; or memoize an inline sort object before passing it to the `ChannelList` to achieve this.
-
-:::
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/additional_keyboard_avoiding_view_props.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/additional_keyboard_avoiding_view_props.mdx
deleted file mode 100644
index d964b847a2..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/additional_keyboard_avoiding_view_props.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Additional props provided to the underlying [KeyboardAvoidingView](https://reactnative.dev/docs/keyboardavoidingview#props).
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/additional_text_input_props.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/additional_text_input_props.mdx
deleted file mode 100644
index 195954dd62..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/additional_text_input_props.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Additional props provided to the underlying [TextInput](https://reactnative.dev/docs/textinput#props) within [`MessageInput`](../../../../ui-components/message_input.mdx).
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/additional_touchable_props.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/additional_touchable_props.mdx
deleted file mode 100644
index ff91a4acf0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/additional_touchable_props.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Additional props provided to the underlying [TouchableOpacity](https://reactnative.dev/docs/touchableopacity#props) used by components within a message such as [`MessageContent`](../../../../ui-components/message_content.mdx#additionaltouchableprops).
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/allow_thread_messages_in_channel.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/allow_thread_messages_in_channel.mdx
deleted file mode 100644
index 04a251381f..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/allow_thread_messages_in_channel.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Display the _Show thread message in channel_ button inside the thread MessageInput.
-
-| Type | Default |
-| ------- | ------- |
-| boolean | true |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/animated_long_press.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/animated_long_press.mdx
deleted file mode 100644
index b7c2ae8ba1..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/animated_long_press.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Animate with a _pop_ the long-press action on the message bubble.
-
-| Type | Default |
-| ------- | ----------------------------- |
-| boolean | iOS: true)
-
-| Type | Default |
-| --------- | --------------------------------------------------------------- |
-| component | [`MessageSystem`](../../../../ui-components/message_system.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/message_text.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/message_text.mdx
deleted file mode 100644
index 8cd80409d3..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/message_text.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Component to render text of message. By default, we use [Simple Markdown](https://github.com/Khan/simple-markdown#adding-a-simple-extension) package to render the text content of message.
-If you decide to use this prop, please be aware that you will need to handle the markdown rendering yourself.
-
-| Type | Default |
-| --------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [renderText](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/utils/renderText.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/more_options_button.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/more_options_button.mdx
deleted file mode 100644
index 892022b395..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/more_options_button.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render a button within enclosed MessageInput, which when pressed shows more options such as AttachButton, CommandsButton.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------------ |
-| component | [`MoreOptionsButton`](../../../../ui-components/more_options_button.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/mute_user.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/mute_user.mdx
deleted file mode 100644
index 6c87d11a06..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/mute_user.mdx
+++ /dev/null
@@ -1,11 +0,0 @@
-Override of the _Mute User_ [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
-The `muteUser` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
-
-| Type |
-| ---------------- |
-| function \| null |
-
-| Parameter | Description |
-| --------- | ------------------------------- |
-| message | message the action is called on |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/mutes_enabled.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/mutes_enabled.mdx
deleted file mode 100644
index 14a65db503..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/mutes_enabled.mdx
+++ /dev/null
@@ -1,8 +0,0 @@
-**Note:** This prop is available only in SDK version >= [v3.7.0](https://github.com/GetStream/stream-chat-react-native/releases)
-
-Allow user to be muted via message action.
-The default value is supplied by the [channel config](https://getstream.io/chat/docs/javascript/channel_features/).
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/my_message_theme.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/my_message_theme.mdx
deleted file mode 100644
index d336cec5fb..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/my_message_theme.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-[Theme](/reactnative/customization/theming/) applied to messages of the current user.
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/network_down_indicator.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/network_down_indicator.mdx
deleted file mode 100644
index 6cc5577fc8..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/network_down_indicator.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render an indicator at top of the channel, which shows up when there is some issue with network or connection.
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [NetworkDownIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/NetworkDownIndicator.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/new_message_state_update_throttle_interval.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/new_message_state_update_throttle_interval.mdx
deleted file mode 100644
index 69650a593a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/new_message_state_update_throttle_interval.mdx
+++ /dev/null
@@ -1,8 +0,0 @@
-**Note:** This prop is available only in SDK version >= [v3.9.0](https://github.com/GetStream/stream-chat-react-native/releases)
-
-Throttling interval (in milliseconds) for react state update for channel, when new messages arrive in chat. By default state updates are throttled at 500 ms, but for high concurrency
-application this prop should be adjusted to 1000 ms to avoid excessive overload on JS thread.
-
-| Type | Default |
-| ------ | ------- |
-| number | 500 |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/number_of_lines.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/number_of_lines.mdx
deleted file mode 100644
index 014a335cce..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/number_of_lines.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Maximum number of lines that underlying [`TextInput`](https://reactnative.dev/docs/textinput) component within [`MessageInput`](../../../../ui-components/message_input.mdx) should expand to.
-
-| Type | Default |
-| ------ | ------- |
-| number | 5 |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_change_text.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_change_text.mdx
deleted file mode 100644
index 5fdd5f49b1..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_change_text.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Callback that is called when the text input's text changes.
-
-| Type |
-| -------- |
-| function |
-
-| Parameter | Description |
-| --------- | ------------ |
-| text | changed text |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_double_tap_message.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_double_tap_message.mdx
deleted file mode 100644
index d62ae508e4..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_double_tap_message.mdx
+++ /dev/null
@@ -1,15 +0,0 @@
-Function called when a user double taps a message.
-
-:::note
-
-The [double tap reaction guide](/reactnative/guides/message-customization#instagram-style-double-tap-reaction) can be used as a reference for implementing other double tap actions.
-
-:::
-
-| Type |
-| -------- |
-| function |
-
-| Parameter | Description |
-| --------- | ----------------------------- |
-| payload | `{ actionHandlers, message }` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_long_press_message.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_long_press_message.mdx
deleted file mode 100644
index 8f20fe2362..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_long_press_message.mdx
+++ /dev/null
@@ -1,10 +0,0 @@
-Function called when a user long presses a message.
-The default opens the message actions overlay.
-
-| Type |
-| -------- |
-| function |
-
-| Parameter | Description |
-| --------- | ----------------------------- |
-| payload | `{ actionHandlers, message }` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_press_in_message.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_press_in_message.mdx
deleted file mode 100644
index 1e010f463e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_press_in_message.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Function called immediately when a touch is engaged on a message, before [`onPressMessage`](#onpressmessage).
-
-| Type |
-| -------- |
-| function |
-
-| Parameter | Description |
-| --------- | ----------------------------- |
-| payload | `{ actionHandlers, message }` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_press_message.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_press_message.mdx
deleted file mode 100644
index 975c4f34db..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/on_press_message.mdx
+++ /dev/null
@@ -1,16 +0,0 @@
-Function called when a user presses a message.
-
-:::caution
-
-The default handler for message press interactions acts differently when pressing on reactions and attachments.
-You will have to handle these cases when overriding this function.
-
-:::
-
-| Type |
-| -------- |
-| function |
-
-| Parameter | Description |
-| --------- | ----------------------------- |
-| payload | `{ actionHandlers, message }` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/overlay_reaction_list.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/overlay_reaction_list.mdx
deleted file mode 100644
index 9d8615a593..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/overlay_reaction_list.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render reaction list within message overlay, which shows up when user long presses a message.
-
-| Type | Default |
-| --------- | ---------------------------------------------------------------------------- |
-| component | [`OverlayReactionList`](../../../../ui-components/overlay_reaction_list.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/quoted_replies_enabled.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/quoted_replies_enabled.mdx
deleted file mode 100644
index 6aa7379c5c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/quoted_replies_enabled.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Allow messages to be replied to using inline quotation.
-
-| Type | Default |
-| ------- | ------- |
-| boolean | true |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/quoted_reply.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/quoted_reply.mdx
deleted file mode 100644
index cec8090be1..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/quoted_reply.mdx
+++ /dev/null
@@ -1,11 +0,0 @@
-Override of the _Reply_ [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
-The `quotedReply` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
-
-| Type |
-| ---------------- |
-| function \| null |
-
-| Parameter | Description |
-| --------- | ------------------------------- |
-| message | message the action is called on |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/reaction_list.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/reaction_list.mdx
deleted file mode 100644
index 1fa5d8acdb..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/reaction_list.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render list of reactions at top of message bubble.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------- |
-| component | [`ReactionList`](../../../../ui-components/reaction_list.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/reactions_enabled.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/reactions_enabled.mdx
deleted file mode 100644
index f58aa5478d..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/reactions_enabled.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Allow reactions on messages.
-The default value is supplied by the [channel config](https://getstream.io/chat/docs/javascript/channel_features/).
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/read_events_enabled.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/read_events_enabled.mdx
deleted file mode 100644
index 888d7d9a2f..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/read_events_enabled.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Enable read receipts.
-The default value is supplied by the [channel config](https://getstream.io/chat/docs/javascript/channel_features/).
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/reply.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/reply.mdx
deleted file mode 100644
index 07944b400b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/reply.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render preview of parent of message for quoted reply.
-
-| Type | Default |
-| --------- | ---------------------------------------------- |
-| component | [`Reply`](../../../../ui-components/reply.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/retry.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/retry.mdx
deleted file mode 100644
index 898b98856e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/retry.mdx
+++ /dev/null
@@ -1,11 +0,0 @@
-Override of the _Resend Message_ [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
-The `retry` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
-
-| Type |
-| ---------------- |
-| function \| null |
-
-| Parameter | Description |
-| --------- | ------------------------------- |
-| message | message the action is called on |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/scroll_to_bottom_button.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/scroll_to_bottom_button.mdx
deleted file mode 100644
index 06eae4b083..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/scroll_to_bottom_button.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render a button which when pressed, scrolls the message list to bottom.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------------------- |
-| component | [`ScrollToBottomButton`](../../../../ui-components/scroll_to_bottom_button.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/select_reaction.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/select_reaction.mdx
deleted file mode 100644
index b801db0b00..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/select_reaction.mdx
+++ /dev/null
@@ -1,11 +0,0 @@
-Full override of the reaction function on a message.
-This function must return a function that takes as a parameter the `reactionType` as a string.
-Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
-
-| Type |
-| ---------------- |
-| function \| null |
-
-| Parameter | Description |
-| --------- | ------------------------------- |
-| message | message the action is called on |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/send_button.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/send_button.mdx
deleted file mode 100644
index c151078ec5..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/send_button.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render a send message button, within enclosed MessageInput component.
-
-| Type | Default |
-| --------- | --------------------------------------------------------- |
-| component | [`SendButton`](../../../../ui-components/send_button.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/send_image_async.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/send_image_async.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/show_thread_message_in_channel_button.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/show_thread_message_in_channel_button.mdx
deleted file mode 100644
index 05917b1d5a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/show_thread_message_in_channel_button.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render a checkbox within enclosed Thread component, which when checked sets a `show_in_channel` property to true on a message.
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------- |
-| component | [`ShowThreadMessageInChannelButton`](../../../../ui-components/show_thread_message_in_channel_button.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/state_update_throttle_interval.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/state_update_throttle_interval.mdx
deleted file mode 100644
index e1464b943c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/state_update_throttle_interval.mdx
+++ /dev/null
@@ -1,8 +0,0 @@
-**Note:** This prop is available only in SDK version >= [v3.9.0](https://github.com/GetStream/stream-chat-react-native/releases)
-
-Throttling interval (in milliseconds) for react state update for channel, (except new messages). By default state updates are throttled at 500 ms, but for high concurrency
-application this prop should be adjusted to 1000 ms to avoid excessive overload on JS thread.
-
-| Type | Default |
-| ------ | ------- |
-| number | 500 |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/supported_reactions.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/supported_reactions.mdx
deleted file mode 100644
index 7211965e69..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/supported_reactions.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-List of reactions which can be added on message.
-Please refer to [the guide on customizing reactions](/reactnative/guides/message-customization#message-with-custom-reactions) for details.
-
-| Type | Default |
-| ----- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| array | [reactionData](https://github.com/GetStream/stream-chat-react-native/blob/182f1047a1417da64047a12f9a6cfaf1252cfbd8/package/src/components/Channel/Channel.tsx#L129) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/thread.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/thread.mdx
deleted file mode 100644
index 27ac967a77..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/thread.mdx
+++ /dev/null
@@ -1,13 +0,0 @@
-A message object that when set indicates a thread is open.
-When used with the [`Thread`](/reactnative/ui-components/thread) component this will display the thread.
-When used with the standard [`MessageList`](/reactnative/ui-components/message-list) component this will prevent any singleton components in the [`OverlayProvider`](/reactnative/core-components/overlay-provider) form getting out of sync.
-
-:::note
-
-`thread` should be set on all `Channel` components when a thread is open.
-
-:::
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/thread_replies_enabled.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/thread_replies_enabled.mdx
deleted file mode 100644
index e81d529ada..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/thread_replies_enabled.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Allow messages to be replied to in a thread.
-The default value is supplied by the [channel config](https://getstream.io/chat/docs/javascript/channel_features/).
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/thread_reply.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/thread_reply.mdx
deleted file mode 100644
index 8a179d45d9..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/thread_reply.mdx
+++ /dev/null
@@ -1,11 +0,0 @@
-Override of the _Thread Reply_ [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
-The `threadReply` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
-
-| Type |
-| ---------------- |
-| function \| null |
-
-| Parameter | Description |
-| --------- | ------------------------------- |
-| message | message the action is called on |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/typing_events_enabled.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/typing_events_enabled.mdx
deleted file mode 100644
index e94499986a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/typing_events_enabled.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Enable typing events, and typing indicators to be shown.
-The default value is supplied by the [channel config](https://getstream.io/chat/docs/javascript/channel_features/).
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/typing_indicator.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/typing_indicator.mdx
deleted file mode 100644
index 2f372b89be..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/typing_indicator.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render typing indicator within enclosed MessageList component.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------- |
-| component | [`TypingIndicator`](../../../../ui-components/typing_indicator.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/typing_indicator_container.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/typing_indicator_container.mdx
deleted file mode 100644
index 65713650e3..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/typing_indicator_container.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render container in which typing indicator gets rendered within enclosed MessageList component.
-
-| Type | Default |
-| --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [TypingIndicatorContainer](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/TypingIndicatorContainer.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/upload_progress_indicator.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/upload_progress_indicator.mdx
deleted file mode 100644
index 3c2438b2cb..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/upload_progress_indicator.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render progress indicator on `ImageUploadPreview` and `FileUploadPreview` components, as overlay.
-
-| Type | Default |
-| --------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [UploadProgressIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/UploadProgressIndicator.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/uploads_enabled.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/uploads_enabled.mdx
deleted file mode 100644
index 0f7f16aba7..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/uploads_enabled.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Allow attachments on messages, including images.
-The default value is supplied by the [channel config](https://getstream.io/chat/docs/javascript/channel_features/).
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/url_preview.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/url_preview.mdx
deleted file mode 100644
index 650b8c3f1d..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/url_preview.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render preview of URLs in `MessageList`.
-
-| Type | Default |
-| --------- | -------------------------------------------- |
-| component | [`Card`](../../../../ui-components/card.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/chat/props/client.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/chat/props/client.mdx
deleted file mode 100644
index 1e8af06388..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/chat/props/client.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Instance of StreamChat client.
-
-| Type |
-| ------------------------------------------ |
-| [`StreamChat`](/reactnative/basics/client) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_handle.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_handle.mdx
deleted file mode 100644
index 0613334e2e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_handle.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Bottom sheet handle component for image picker.
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [AttachmentPickerBottomSheetHandle](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_handle_height.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_handle_height.mdx
deleted file mode 100644
index 60b0628e57..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_handle_height.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Height of the image picker bottom sheet handle.
-
-| Type | Default |
-| ------ | ------- |
-| number | 20 |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_height.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_height.mdx
deleted file mode 100644
index 5d51cd6e80..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_height.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Height of the image picker bottom sheet when closed.
-
-| Type | Default |
-| ------ | ------- |
-| number | 308 |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error.mdx
deleted file mode 100644
index 18d1cf0692..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Error component displayed when the app doesn't have permissions to access photos on the device.
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [AttachmentPickerError](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerError.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_button_text.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_button_text.mdx
deleted file mode 100644
index 5aa2d1a4b0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_button_text.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Text for the button within [`AttachmentPickerError`](/reactnative/core-components/overlay-provider#attachmentpickererror) that opens the apps OS level settings.
-
-| Type | Default |
-| ------ | ------------------------------ |
-| string | "Allow access to your Gallery" |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_image.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_image.mdx
deleted file mode 100644
index 5fb74bb124..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_image.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Image component within [`AttachmentPickerError`](/reactnative/core-components/overlay-provider#attachmentpickererror).
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [AttachmentPickerErrorImage](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerErrorImage.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_text.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_text.mdx
deleted file mode 100644
index fcb5e6bd11..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_text.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Error text for [`AttachmentPickerError`](/reactnative/core-components/overlay-provider#attachmentpickererror).
-
-| Type | Default |
-| ------ | ----------------------------------------------------------------------- |
-| string | "Please enable access to your photos and videos so you can share them." |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_selection_bar_height.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_selection_bar_height.mdx
deleted file mode 100644
index 2089351735..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_selection_bar_height.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Height of the attachment selection bar displayed above the image picker.
-
-| Type | Default |
-| ------ | ------- |
-| number | 52 |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/camera_selector_icon.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/camera_selector_icon.mdx
deleted file mode 100644
index 40731fd938..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/camera_selector_icon.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Camera selector component displayed in the attachment selector bar.
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [CameraSelectorIcon](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/CameraSelectorIcon.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/file_selector_icon.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/file_selector_icon.mdx
deleted file mode 100644
index 8a3ac1f40e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/file_selector_icon.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-File selector component displayed in the attachment selector bar.
-
-| Type | Default |
-| --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [FileSelectorIcon](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/FileSelectorIcon.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/i18n_instance.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/i18n_instance.mdx
deleted file mode 100644
index 3c270374d9..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/i18n_instance.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Instance of `Streami18n` class used for internationalization.
-Please read more in the [translations docs](/reactnative/basics/translations) for details on creation and customization.
-
-| Type |
-| ------------------------------------------------ |
-| [`Streami18n`](/reactnative/basics/translations) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_gallery_custom_components.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_gallery_custom_components.mdx
deleted file mode 100644
index 150909f313..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_gallery_custom_components.mdx
+++ /dev/null
@@ -1,12 +0,0 @@
-[Image gallery](../../../../ui-components/image_gallery.mdx) components.
-Each key in the object is spread as props onto its respective component.
-Each component has a number of sub-components it can receive in this manor.
-
-- `footer` -> [ImageGalleryFooter](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ImageGallery/components/ImageGalleryFooter.tsx)
-- `grid` -> [ImageGrid](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ImageGallery/components/ImageGrid.tsx)
-- `gridHandle` -> [ImageGridHandle](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ImageGallery/components/ImageGridHandle.tsx)
-- `header` -> [ImageGalleryHeader](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ImageGallery/components/ImageGalleryHeader.tsx)
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_gallery_grid_handle_height.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_gallery_grid_handle_height.mdx
deleted file mode 100644
index 6968b0287f..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_gallery_grid_handle_height.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Height of the image gallery grid bottom sheet handle.
-
-| Type | Default |
-| ------ | ------- |
-| number | 40 |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_gallery_grid_snap_points.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_gallery_grid_snap_points.mdx
deleted file mode 100644
index 9b50e7771a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_gallery_grid_snap_points.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-[`SnapPoints`](https://gorhom.github.io/react-native-bottom-sheet/props#snappoints) for the image gallery grid bottom sheet.
-
-| Type | Default |
-| ----- | ------------------------------ |
-| array | `[0, (screenHeight * 9) / 10]` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_overlay_selected_component.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_overlay_selected_component.mdx
deleted file mode 100644
index be2272e01e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_overlay_selected_component.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Indicator component used to designate an image as selected in the image picker.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [ImageOverlaySelectedComponent](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/ImageOverlaySelectedComponent.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_selector_icon.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_selector_icon.mdx
deleted file mode 100644
index 0682c4d0c8..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/image_selector_icon.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Image selector component displayed in the attachment selector bar.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [ImageSelectorIcon](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/ImageSelectorIcon.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/number_of_attachment_images_to_load_per_call.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/number_of_attachment_images_to_load_per_call.mdx
deleted file mode 100644
index 149b3b49d3..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/number_of_attachment_images_to_load_per_call.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Number of images to load per call to [`CameraRoll.getPhotos`](https://github.com/react-native-cameraroll/react-native-cameraroll#getphotos).
-
-| Type | Default |
-| ------ | ------- |
-| number | 60 |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/number_of_attachment_picker_image_columns.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/number_of_attachment_picker_image_columns.mdx
deleted file mode 100644
index 870cff5d9a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/number_of_attachment_picker_image_columns.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Number of columns to render within the image picker.
-
-| Type | Default |
-| ------ | ------- |
-| number | 3 |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/number_of_image_gallery_grid_columns.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/number_of_image_gallery_grid_columns.mdx
deleted file mode 100644
index 334c9a928c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/number_of_image_gallery_grid_columns.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Number of columns to render within the image gallery grid.
-
-| Type | Default |
-| ------ | ------- |
-| number | 3 |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/overlay_reaction_list.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/overlay_reaction_list.mdx
deleted file mode 100644
index f01bf0b96c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/overlay_reaction_list.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Reaction selector component displayed within the message overlay when user long presses a message.
-
-| Type | Default |
-| --------- | -------------------------------------------------------------------------- |
-| component | [OverlayReactionList](../../../../ui-components/overlay_reaction_list.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/overlay_reactions.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/overlay_reactions.mdx
deleted file mode 100644
index 1d917dea43..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/overlay_reactions.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-List of reactions component within the message overlay.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------- |
-| component | [OverlayReactions](../../../../ui-components/overlay_reactions.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/value.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/value.mdx
deleted file mode 100644
index f20d14f219..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/value.mdx
+++ /dev/null
@@ -1,20 +0,0 @@
-Partially overrides the `value` provided to the `OverlayContext`.
-This prop can be used to set the [theme](/reactnative/customization/theming) via the `style` key.
-
-```tsx
-const theme = {
- messageSimple: {
- file: {
- container: {
- backgroundColor: 'red',
- },
- },
- },
-};
-
-... ;
-```
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/channel.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/channel.mdx
deleted file mode 100644
index ae171821b0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/channel.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-Instance of Channel from stream-chat package.
-
-| Type |
-| ------------------------------------------------------------------------------------------- |
-| [Channel](https://getstream.io/chat/docs/javascript/creating_channels/?language=javascript) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/format_latest_message_date.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/format_latest_message_date.mdx
deleted file mode 100644
index ac84237b3b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/format_latest_message_date.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-Formatter function for date of latest message.
-
-Returns a formatted date string. Default today's date is shown in 'HH:mm A' format and other dates are displayed in 'DD/MM/YY' format. This default logic is part of [ChannelPreview](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreview.tsx) component.
-
-| Type |
-| ------------------------ |
-| `(date: Date) => string` |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/last_message_preview.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/last_message_preview.mdx
deleted file mode 100644
index 48b662e94f..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/last_message_preview.mdx
+++ /dev/null
@@ -1,19 +0,0 @@
-Latest message on a channel, formatted for preview.
-
-e.g.
-
-```
-{
- created_at: '' ,
- messageObject: { ... },
- previews: {
- bold: true,
- text: 'This is the message preview text'
- },
- status: 0 | 1 | 2 // read states of latest message.
-}
-```
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/max_unread_count.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/max_unread_count.mdx
deleted file mode 100644
index 3e58f911ff..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/max_unread_count.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Max number to display within the unread notification badge.
-The value cannot exceed the backend limit of 255.
-
-| Type | Default |
-| ------ | ------- |
-| number | 255 |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/unread.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/unread.mdx
deleted file mode 100644
index 606ba5f917..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/ui-components/channel-preview-messenger/props/unread.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Number of unread messages on the channel
-
-| Type |
-| ------ |
-| number |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/contexts/_category_.json b/docusaurus/reactnative_versioned_docs/version-3.x.x/contexts/_category_.json
deleted file mode 100644
index d28b5c6dc4..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/contexts/_category_.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
- "label": "Contexts",
- "position": 5
-}
\ No newline at end of file
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/contexts/attachment_picker_context.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/contexts/attachment_picker_context.mdx
deleted file mode 100644
index c9cd7f1921..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/contexts/attachment_picker_context.mdx
+++ /dev/null
@@ -1,151 +0,0 @@
----
-id: attachment-picker-context
-title: AttachmentPickerContext
----
-
-import SelectedPicker from '../common-content/contexts/attachment-picker-context/selected_picker.mdx';
-
-import AttachmentPickerBottomSheetHeight from '../common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_height.mdx';
-import AttachmentSelectionBarHeight from '../common-content/core-components/overlay-provider/props/attachment_selection_bar_height.mdx';
-import CameraSelectorIcon from '../common-content/core-components/overlay-provider/props/camera_selector_icon.mdx';
-import FileSelectorIcon from '../common-content/core-components/overlay-provider/props/file_selector_icon.mdx';
-import ImageSelectorIcon from '../common-content/core-components/overlay-provider/props/image_selector_icon.mdx';
-
-`AttachmentPickerContext` is provided by [`OverlayProvider`](../core-components/overlay_provider.mdx) component. If you are not familiar with React Context API, please read about it on [React docs](https://reactjs.org/docs/context.html).
-
-## Basic Usage
-
-`AttachmentPickerContext` can be consumed by any of the child component of `OverlayProvider` component as following:
-
-```tsx
-import { useContext } from 'react';
-import { AttachmentPickerContext } from 'stream-chat-react-native';
-
-const { openPicker, closePicker } = useContext(AttachmentPickerContext);
-```
-
-Alternatively, you can also use `useAttachmentPickerContext` hook provided by library to consume AttachmentPickerContext.
-
-```tsx
-import { useAttachmentPickerContext } from 'stream-chat-react-native';
-
-const { openPicker, closePicker } = useAttachmentPickerContext();
-```
-
-## Value
-
-### _forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#attachmentpickerbottomsheetheight)_ props
attachmentPickerBottomSheetHeight {#attachmentpickerbottomsheetheight}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#attachmentselectionbarheight)_ props
attachmentSelectionBarHeight {#attachmentselectionbarheight}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#cameraselectoricon)_ props
CameraSelectorIcon {#cameraselectoricon}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#fileselectoricon)_ props
FileSelectorIcon {#fileselectoricon}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#imageselectoricon)_ props
ImageSelectorIcon {#imageselectoricon}
-
-_forwarded from [Channel](../core-components/channel.mdx#channel)_ props
channel {#channel}
-
-_forwarded from [Channel](../core-components/channel.mdx#enforceuniquereaction)_ props
enforceUniqueReaction {#enforceuniquereaction}
-
-_forwarded from [Channel](../core-components/channel.mdx#hidedateseparators)_ props
hideDateSeparators {#hidedateseparators}
-
-_forwarded from [Channel](../core-components/channel.mdx#hidestickydateheader)_ props
hideStickyDateHeader {#hidestickydateheader}
-
-_forwarded from [Channel](../core-components/channel.mdx#loadingindicator)_ props
LoadingIndicator {#loadingindicator}
-
-_forwarded from [Channel](../core-components/channel.mdx#maxtimebetweengroupedmessages)_ props
maxTimeBetweenGroupedMessages {#maxtimebetweengroupedmessages}
-
-;
- }
->;
-```
-
-| Type |
-| ------ |
-| object |
-
-### _forwarded from [Channel](../core-components/channel.mdx#readeventsenabled)_ props
readEventsEnabled {#readeventsenabled}
-
-_forwarded from [Channel](../core-components/channel.mdx#typingeventsenabled)_ props
typingEventsEnabled {#typingeventsenabled}
-
-_forwarded from [Channel](../core-components/channel.mdx#emptystateindicator)_ props
EmptyStateIndicator {#emptystateindicator}
-
-_forwarded from [Channel](../core-components/channel.mdx#networkdownindicator)_ props
NetworkDownIndicator {#networkdownindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#additionalflatlistprops)_ props
additionalFlatListProps {#additionalflatlistprops}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#listheadercomponent)_ props
ListHeaderComponent {#listheadercomponent}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#loadmorethreshold)_ props
loadMoreThreshold {#loadmorethreshold}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#maxunreadcount)_ props
maxUnreadCount {#maxunreadcount}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#numberofskeletons)_ props
numberOfSkeletons {#numberofskeletons}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#onselect)_ props
`onSelect` {#onselect}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#setflatlistref)_ props
setFlatListRef {#setflatlistref}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#emptystateindicator)_ props
EmptyStateIndicator {#emptystateindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#footerloadingindicator)_ props
FooterLoadingIndicator {#footerloadingindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#headererrorindicator)_ props
HeaderErrorIndicator {#headererrorindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#headernetworkdownindicator)_ props
HeaderNetworkDownIndicator {#headernetworkdownindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#loadingerrorindicator)_ props
LoadingErrorIndicator {#loadingerrorindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#loadingindicator)_ props
LoadingIndicator {#loadingindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#preview)_ props
Preview {#preview}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#previewavatar)_ props
PreviewAvatar {#previewavatar}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#previewmessage)_ props
PreviewMessage {#previewmessage}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#previewstatus)_ props
PreviewStatus {#previewstatus}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#previewtitle)_ props
PreviewTitle {#previewtitle}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#previewunreadcount)_ props
PreviewUnreadCount {#previewunreadcount}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#skeleton)_ props
Skeleton {#skeleton}
-
-_forwarded from [Channel](../core-components/channel.mdx#additionaltextinputprops)_ props
additionalTextInputProps {#additionaltextinputprops}
-
-_forwarded from [Channel](../core-components/channel.mdx#autocompletesuggestionslimit)_ props
autoCompleteSuggestionsLimit {#autocompletesuggestionslimit}
-
-_forwarded from [Channel](../core-components/channel.mdx#autocompletetriggersettings)_ props
autoCompleteTriggerSettings {#autocompletetriggersettings}
-
-_forwarded from [Channel](../core-components/channel.mdx#compressimagequality)_ props
compressImageQuality {#compressimagequality}
-
-_forwarded from [Channel](../core-components/channel.mdx#dodocuploadrequest)_ props
doDocUploadRequest {#dodocuploadrequest}
-
-_forwarded from [Channel](../core-components/channel.mdx#doimageuploadrequest)_ props
doImageUploadRequest {#doimageuploadrequest}
-
-_forwarded from [Channel](../core-components/channel.mdx#editmessage)_ props
`editMessage` {#editmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#hascommands)_ props
`hasCommands` {#hascommands}
-
-_forwarded from [Channel](../core-components/channel.mdx#hasfilepicker)_ props
hasFilePicker {#hasfilepicker}
-
-_forwarded from [Channel](../core-components/channel.mdx#hasimagepicker)_ props
hasImagePicker {#hasimagepicker}
-
-_forwarded from [Channel](../core-components/channel.mdx#initialvalue)_ props
`initialValue` {#initialvalue}
-
-_forwarded from [Channel](../core-components/channel.mdx#maxmessagelength)_ props
maxMessageLength {#maxmessagelength}
-
-_forwarded from [Channel](../core-components/channel.mdx#maxnumberoffiles)_ props
maxNumberOfFiles {#maxnumberoffiles}
-
-_forwarded from [Channel](../core-components/channel.mdx#mentionallappusersenabled)_ props
mentionAllAppUsersEnabled {#mentionallappusersenabled}
-
-_forwarded from [Channel](../core-components/channel.mdx#mentionallappusersquery)_ props
mentionAllAppUsersQuery {#mentionallappusersquery}
-
-_forwarded from [Channel](../core-components/channel.mdx#numberoflines)_ props
numberOfLines {#numberoflines}
-
-_forwarded from [Channel](../core-components/channel.mdx#onchangetext)_ props
onChangeText {#onchangetext}
-
-_forwarded from [Channel](../core-components/channel.mdx#sendimageasync)_ props
sendImageAsync {#sendimageasync}
-
-_forwarded from [Channel](../core-components/channel.mdx#uploadsenabled)_ props
`uploadsEnabled` {#uploadsenabled}
-
-_forwarded from [AttachmentPickerContext](../contexts/attachment_picker_context.mdx#selectedpicker)_
`selectedPicker` {#selectedpicker}
-
-_forwarded from [ThreadContext](../contexts/thread_context.mdx#thread)_
thread {#thread}
-
-_forwarded from [Channel](../core-components/channel.mdx#attachbutton)_ props
AttachButton {#attachbutton}
-
-_forwarded from [Channel](../core-components/channel.mdx#commandsbutton)_ props
CommandsButton {#commandsbutton}
-
-_forwarded from [Channel](../core-components/channel.mdx#fileuploadpreview)_ props
FileUploadPreview {#fileuploadpreview}
-
-_forwarded from [Channel](../core-components/channel.mdx#imageuploadpreview)_ props
ImageUploadPreview {#imageuploadpreview}
-
-_forwarded from [Channel](../core-components/channel.mdx#input)_ props
Input {#input}
-
-_forwarded from [Channel](../core-components/channel.mdx#inputbuttons)_ props
InputButtons {#inputbuttons}
-
-_forwarded from [Channel](../core-components/channel.mdx#moreoptionsbutton)_ props
MoreOptionsButton {#moreoptionsbutton}
-
-_forwarded from [Channel](../core-components/channel.mdx#showthreadmessageinchannelbutton)_ props
ShowThreadMessageInChannelButton {#showthreadmessageinchannelbutton}
-
-_forwarded from [Channel](../core-components/channel.mdx#uploadprogressindicator)_ props
UploadProgressIndicator {#uploadprogressindicator}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#overlayreactionlist)_ props
OverlayReactionList {#overlayreactionlist}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#overlayreactions)_ props
OverlayReactions {#overlayreactions}
-
-_forwarded from [Channel](../core-components/channel.mdx#additionaltouchableprops)_ props
additionalTouchableProps {#additionaltouchableprops}
-
-_forwarded from [Channel](../core-components/channel.mdx#animatedlongpress)_ props
animatedLongPress {#animatedlongpress}
-
-_forwarded from [Channel](../core-components/channel.mdx#blockuser)_ props
`blockUser` {#blockuser}
-
-_forwarded from [Channel](../core-components/channel.mdx#copymessage)_ props
`copyMessage` {#copymessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#deletemessage)_ props
`deleteMessage` {#deletemessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#disabletypingindicator)_ props
disableTypingIndicator {#disabletypingindicator}
-
-_forwarded from [Channel](../core-components/channel.mdx#dismisskeyboardonmessagetouch)_ props
dismissKeyboardOnMessageTouch {#dismisskeyboardonmessagetouch}
-
-_forwarded from [Channel](../core-components/channel.mdx#editmessage)_ props
`editMessage` {#editmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#enablemessagegroupingbyuser)_ props
enableMessageGroupingByUser {#enablemessagegroupingbyuser}
-
-_forwarded from [Channel](../core-components/channel.mdx#flagmessage)_ props
`flagMessage` {#flagmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#forcealignmessages)_ props
forceAlignMessages {#forcealignmessages}
-
-_forwarded from [Channel](../core-components/channel.mdx#formatdate)_ props
`formatDate` {#formatdate}
-
-_forwarded from [Channel](../core-components/channel.mdx#handleblock)_ props
`handleBlock` {#handleblock}
-
-_forwarded from [Channel](../core-components/channel.mdx#handlecopy)_ props
`handleCopy` {#handlecopy}
-
-_forwarded from [Channel](../core-components/channel.mdx#handledelete)_ props
`handleDelete` {#handledelete}
-
-_forwarded from [Channel](../core-components/channel.mdx#handleedit)_ props
`handleEdit` {#handleedit}
-
-_forwarded from [Channel](../core-components/channel.mdx#handleflag)_ props
`handleFlag` {#handleflag}
-
-_forwarded from [Channel](../core-components/channel.mdx#handlemute)_ props
`handleMute` {#handlemute}
-
-_forwarded from [Channel](../core-components/channel.mdx#handlequotedreply)_ props
handleQuotedReply {#handlequotedreply}
-
-_forwarded from [Channel](../core-components/channel.mdx#handlereaction)_ props
handleReaction {#handlereaction}
-
-_forwarded from [Channel](../core-components/channel.mdx#handleretry)_ props
`handleRetry` {#handleretry}
-
-_forwarded from [Channel](../core-components/channel.mdx#handlethreadreply)_ props
handleThreadReply {#handlethreadreply}
-
-_forwarded from [Channel](../core-components/channel.mdx#initialscrolltofirstunreadmessage)_ props
initialScrollToFirstUnreadMessage {#initialscrolltofirstunreadmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#legacyimageviewerswipebehaviour)_ props
legacyImageViewerSwipeBehaviour {#legacyimageviewerswipebehaviour}
-
-_forwarded from [Channel](../core-components/channel.mdx#markdownrules)_ props
`markdownRules` {#markdownrules}
-
-_forwarded from [Channel](../core-components/channel.mdx#messageactions)_ props
`messageActions` {#messageactions}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagecontentorder)_ props
messageContentOrder {#messagecontentorder}
-
-_forwarded from [Channel](../core-components/channel.mdx#mutesenabled)_ props
`mutesEnabled` {#mutesenabled}
-
-_forwarded from [Channel](../core-components/channel.mdx#muteuser)_ props
`muteUser` {#muteuser}
-
-_forwarded from [Channel](../core-components/channel.mdx#mymessagetheme)_ props
myMessageTheme {#mymessagetheme}
-
-_forwarded from [Channel](../core-components/channel.mdx#ondoubletapmessage)_ props
onDoubleTapMessage {#ondoubletapmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#onlongpressmessage)_ props
onLongPressMessage {#onlongpressmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#onpressinmessage)_ props
onPressInMessage {#onpressinmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#onpressmessage)_ props
onPressMessage {#onpressmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#quotedrepliesenabled)_ props
quotedRepliesEnabled {#quotedrepliesenabled}
-
-_forwarded from [Channel](../core-components/channel.mdx#quotedreply)_ props
`quotedReply` {#quotedreply}
-
-_forwarded from [Channel](../core-components/channel.mdx#reactionsenabled)_ props
reactionsEnabled {#reactionsenabled}
-
-_forwarded from [Channel](../core-components/channel.mdx#reply)_ props
Reply {#reply}
-
-_forwarded from [Channel](../core-components/channel.mdx#retry)_ props
retry {#retry}
-
-_forwarded from [Channel](../core-components/channel.mdx#selectreaction)_ props
selectReaction {#selectreaction}
-
-_forwarded from [Channel](../core-components/channel.mdx#supportedreactions)_ props
supportedReactions {#supportedreactions}
-
-_forwarded from [Channel](../core-components/channel.mdx#threadrepliesenabled)_ props
threadRepliesEnabled {#threadrepliesenabled}
-
-_forwarded from [Channel](../core-components/channel.mdx#threadreply)_ props
`threadReply` {#threadreply}
-
-_forwarded from [Channel](../core-components/channel.mdx#attachment)_ props
Attachment {#attachment}
-
-_forwarded from [Channel](../core-components/channel.mdx#attachmentactions)_ props
AttachmentActions {#attachmentactions}
-
-_forwarded from [Channel](../core-components/channel.mdx#card)_ props
Card {#card}
-
-_forwarded from [Channel](../core-components/channel.mdx#cardcover)_ props
CardCover {#cardcover}
-
-_forwarded from [Channel](../core-components/channel.mdx#cardfooter)_ props
CardFooter {#cardfooter}
-
-_forwarded from [Channel](../core-components/channel.mdx#cardheader)_ props
CardHeader {#cardheader}
-
-_forwarded from [Channel](../core-components/channel.mdx#dateheader)_ props
DateHeader {#dateheader}
-
-_forwarded from [Channel](../core-components/channel.mdx#fileattachment)_ props
FileAttachment {#fileattachment}
-
-_forwarded from [Channel](../core-components/channel.mdx#fileattachmentgroup)_ props
FileAttachmentGroup {#fileattachmentgroup}
-
-_forwarded from [Channel](../core-components/channel.mdx#fileattachmenticon)_ props
FileAttachmentIcon {#fileattachmenticon}
-
-_forwarded from [Channel](../core-components/channel.mdx#flatlist)_ props
FlatList {#flatlist}
-
-_forwarded from [Channel](../core-components/channel.mdx#gallery)_ props
Gallery {#gallery}
-
-_forwarded from [Channel](../core-components/channel.mdx#giphy)_ props
Giphy {#giphy}
-
-_forwarded from [Channel](../core-components/channel.mdx#inlinedateseparator)_ props
InlineDateSeparator {#inlinedateseparator}
-
-_forwarded from [Channel](../core-components/channel.mdx#inlineunreadindicator)_ props
InlineUnreadIndicator {#inlineunreadindicator}
-
-_forwarded from [Channel](../core-components/channel.mdx#messageavatar)_ props
MessageAvatar {#messageavatar}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagecontent)_ props
MessageContent {#messagecontent}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagedeleted)_ props
MessageDeleted {#messagedeleted}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagefooter)_ props
MessageFooter {#messagefooter}
-
-_forwarded from [Channel](../core-components/channel.mdx#messageheader)_ props
MessageHeader {#messageheader}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagereplies)_ props
MessageReplies {#messagereplies}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagerepliesavatars)_ props
MessageRepliesAvatars {#messagerepliesavatars}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagesimple)_ props
MessageSimple {#messagesimple}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagestatus)_ props
MessageStatus {#messagestatus}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagesystem)_ props
MessageSystem {#messagesystem}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagetext)_ props
MessageText {#messagetext}
-
-_forwarded from [Channel](../core-components/channel.mdx#overlayreactionlist)_ props
OverlayReactionList {#overlayreactionlist}
-
-_forwarded from [Channel](../core-components/channel.mdx#reactionlist)_ props
ReactionList {#reactionlist}
-
-_forwarded from [Channel](../core-components/channel.mdx#scrolltobottombutton)_ props
ScrollToBottomButton {#scrolltobottombutton}
-
-_forwarded from [Channel](../core-components/channel.mdx#typingindicator)_ props
TypingIndicator {#typingindicator}
-
-_forwarded from [Channel](../core-components/channel.mdx#typingindicatorcontainer)_ props
TypingIndicatorContainer {#typingindicatorcontainer}
-
-_forwarded from [Channel](../core-components/channel.mdx#urlpreview)_ props
UrlPreview {#urlpreview}
-
-_forwarded from [Channel](../core-components/channel.mdx#allowthreadmessagesinchannel)_ props
allowThreadMessagesInChannel {#allowthreadmessagesinchannel}
-
-_forwarded from [Channel](../core-components/channel.mdx#thread)_ props
thread {#thread}
-
-
-
-
-
-
-
- );
-};
-```
-
-## Context Providers
-
-`Channel` contains providers for the `ChannelContext`, `KeyboardContext`, `MessageInputContext`, `MessagesContext`, `PaginatedMessageListContext`, `SuggestionsContext`, `ThreadContext`, and `TypingContext`.
-These can be accessed using the corresponding hooks.
-
-| Context | Hook |
-| ----------------------------- | -------------------------------- |
-| `ChannelContext` | `useChannelContext` |
-| `KeyboardContext` | `useKeyboardContext` |
-| `MessageInputContext` | `useMessageInputContext` |
-| `MessagesContext` | `useMessagesContext` |
-| `PaginatedMessageListContext` | `usePaginatedMessageListContext` |
-| `SuggestionsContext` | `useSuggestionsContext` |
-| `ThreadContext` | `useThreadContext` |
-| `TypingContext` | `useTypingContext` |
-
-## UI Customizations
-
-`Channel` is the entry point for customizing the majority of the Stream Chat for React Native SDK.
-The UI can be tailored to your design by replacing any number of components with custom components.
-Custom components provided as props to `Channel` will be utilized throughout the SDK where appropriate.
-
-Customizing the message avatar can be done easily by providing a custom component to the appropriate prop.
-
-```tsx
-import { Image } from 'react-native';
-import { Channel, useMessageContext } from 'stream-chat-react-native';
-
-const CustomAvatar = () => {
- const { message } = useMessageContext();
-
- return
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-## Props
-
-### channel
-
-
-
- /** navigate to channel screen */ }
- />
-
- ;
-```
-
-## Context Providers
-
-`ChannelList` contains the provider for the `ChannelsContext`.
-This can be accessed using the corresponding hook.
-
-| Context | Hook |
-| ----------------- | -------------------- |
-| `ChannelsContext` | `useChannelsContext` |
-
-## UI Customizations
-
-The `ChannelList` is highly customizable.
-The UI can be tailored to your design by replacing any number of components with custom components.
-
-Customizing the title can be done easily by providing a custom component to the appropriate prop.
-
-```tsx
-const CustomPreviewTitle = ({ channel }) => (
-
- {channel.data.customProperty} - {channel.data.name}
-
-);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-## Props
-
-### recommended
**filters**
-
-recommended
**sort**
-
-recommended
**options**
-
-recommended
**onSelect**
-
-
-
-### ListHeaderComponent
-
-
-
-
-
-);
-```
-
-## Context Providers
-
-`Chat` contains providers for the `ChatContext`, `ThemeContext`, and `TranslationContext`.
-These can be accessed using the corresponding hooks.
-
-| Context | Hook |
-| -------------------- | ----------------------- |
-| `ChatContext` | `useChatContext` |
-| `ThemeContext` | `useTheme` |
-| `TranslationContext` | `useTranslationContext` |
-
-## Props
-
-### required
**client**
-
-
-
-
-
-);
-```
-
-## Context Providers
-
-`OverlayProvider` contains providers for the `AttachmentPickerContext`, `ImageGalleryContext`, `MessageOverlayContext`, `OverlayContext`, `ThemeContext`, and `TranslationContext`.
-These can be accessed using the corresponding hooks.
-
-| Context | Hook |
-| ------------------------- | ---------------------------- |
-| `AttachmentPickerContext` | `useAttachmentPickerContext` |
-| `ImageGalleryContext` | `useImageGalleryContext` |
-| `MessageOverlayContext` | `useMessageOverlayContext` |
-| `OverlayContext` | `useOverlayContext` |
-| `ThemeContext` | `useTheme` |
-| `TranslationContext` | `useTranslationContext` |
-
-## UI Customizations
-
-You can override any of the components rendered in overlay using props on `OverlayProvider` or `Channel`.
-Custom components provided to `Channel` are hoisted to the overlay for use in displaying messages within the `OverlayProvider`.
-Customizing these components requires no interaction with the `OverlayProvider`.
-
-Components only rendered within the overlay can be overridden and modified via props on the `OverlayProvider`.
-Removing the `OverlayReactionList` can be done easily by replacing it with a function that returns null.
-
-```tsx
- null}>
-```
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-## Props
-
-The `OverlayProvider` can be used with no props provided but there are a plethora of props for customizing the components in the overlay.
-
-### attachmentPickerBottomSheetHandleHeight
-
- null}>
-```
-
-Internal to the `Channel` component our `MessageStatus` prop will override the default value for the prop, `MessageStatusDefault`, which is our out of the box `MessageStatus` component.
-
-```tsx
-const { ...MessageStatus } = props;
-```
-
-The `MessageStatus` prop is then passed into an internal hook called `useCreateMessagesContext`.
-
-```tsx
-const messagesContext = useCreateMessagesContext({
- ...MessageStatus,
-});
-```
-
-The `useCreateMessagesContext` hook utilizes the [`useMemo`](https://reactjs.org/docs/hooks-reference.html#usememo) hook to return a memoized version of the value that will be provided to the `MessagesContext`.
-This value only will update under certain conditions to reduce unnecessary updating of the context, and therefore re-rendering of components using the context.
-For this reason changing a component provided to `Channel` on the fly will often not result in an immediate UI update.
-
-```tsx
-
-```
-
-The custom `MessageStatus` component can now be accessed using the `useMessagesContext` hook.
-The default component for `MessageFooter` does just this, and then renders the `MessageStatus` component if desired.
-
-```tsx
-const { showMessageStatus } = useMessageContext();
-const { MessageStatus } = useMessagesContext();
-...
-return (
- ...
- {showMessageStatus && {message.readBy} ;
-};
-...
-
-```
-
-Additionally custom components can access other components, custom or otherwise, from the same context they are stored in.
-`MessageFooter` renders `MessageStatus` in the default component, but `MessageFooter` itself is also stored in the `MessagesContext` along with `MessageStatus`, and is replaceable as well.
-It is therefore possible to utilize a mix of other custom and out of the box components within a custom component to create your desired UI.
-
-```tsx
-const CustomMessageFooter = () => {
- const { MessageAvatar, MessageStatus } = useMessagesContext();
- return (
-
- Footer
-
- );
-};
-
-const CustomMessageStatus = () => {
- const { message } = useMessageContext();
- return {message.readBy}
-};
-...
-
-```
-
-It is important to keep in mind when creating custom components that some may have internal functionality you may want to keep.
-Additionally many of our out of the box component utilize custom memoization equality functions to minimize re-renders.
-With this in mind we suggest looking at the source code for any component you wish to replace, and possibly using it as a jumping off point, to ensure you are not removing desired functionality or performance.
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/customization/custom_components.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/customization/custom_components.mdx
deleted file mode 100644
index 7d73752c69..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/customization/custom_components.mdx
+++ /dev/null
@@ -1,228 +0,0 @@
----
-id: custom_components
-sidebar_position: 2
-title: Custom Components
----
-
-import dateHeader from '../assets/customization/custom-components/date_header.png';
-import nameDateHeader from '../assets/customization/custom-components/name_date_header.png';
-import newDateHeader from '../assets/customization/custom-components/new_date_header.png';
-import noDateHeader from '../assets/customization/custom-components/no_date_header.png';
-
-The core of Stream Chat for React Native is it's ability to be customized to your needs.
-Many developers find that simply altering [the theme](./theming.mdx) is enough to achieve their desired results.
-But if more modification is needed, or functionality beyond what is provided out of the box is desired, creating a custom component is likely the best course of action.
-
-## When to use a custom component
-
-Understanding what is customizable is helpful in determining when to build a custom component.
-If you want to insert your one or more components into another component, you need to create a custom component.
-If you want to change the layout of a component significantly, you need to create a custom component.
-If you want to change the internal functionality of a component, you need to create a custom component.
-A good way to think about it is, with few exceptions, what you see is what you get.
-The library can't account for every possible use case out of the box, but don't worry building and using custom components is easy.
-
-### Exceptions
-
-- Padding, fonts, colors, borders, etc. can all be altered from the [theme](./theming.mdx) as styles are passed to most components and sub-components.
-- Messages can be aligned to one side using the `forceAlignMessages` prop on the `Channel` component.
-- Message content can be reordered using the `messageContentOrder` prop on `Channel`; but you may want to adjust the theming to account for changes to border alignments if you alter this order.
-
-Changes to content beyond these tweaks will require custom components.
-If your goal is simply to remove a UI feature you can always replace the component with one that returns `null` to achieve this, that is `() => null`.
-
-## How to use a custom component
-
-Most custom components are provided to the UI as props on the `Channel` component.
-The `OverlayProvider`, `MessageList`, and `ChannelList` have a few exceptions to this rule, but `Channel` is the primary entry point.
-
-Let's say you want to remove the fixed `DateHeader` on the message list.
-Create a component that returns `null` and pass it in as out `DateHeader` on `Channel`.
-
-```tsx
-const MyEmptyComponent = () => null;
-
-
-```
-
-The new custom component takes the place of the default `DateHeader` within a context and is then provided to and rendered wherever the default `DateHeader` currently is.
-The component can be just as easily swapped out for one that renders something different than the original instead of `null`.
-Most components rely on context for receiving data, but some use props instead or as well.
-In the case of `DateHeader` the component will be rendered with the prop `dateString` which is a `string`.
-
-```tsx
-const MyNewComponent = ({ dateString }) => {`Hello World: ${dateString}`} ;
-
-
-```
-
-
-
-## Using contexts
-
-At the core of creating custom components is the ability to access pertinent data from the contexts Stream Chat for React Native provides.
-[The hooks](./contexts.mdx#hooks) provided allow you to access this contextual information easily throughout your application.
-Keep in mind when developing that these hooks are only usable within the scope of their context providers.
-Certain contexts, such at `MessageContext`, are only available within the scope of a single `Message` so you cannot use this hook in for instance the `DateHeader`.
-
-To demonstrate this usage the `DateHeader` can be replaced with a component that makes use of context.
-Messages can be pulled from the `PaginatedMessageListContext` and the name of the last sender from the list can be retrieved and displayed in place of the `DateHeader`.
-
-```tsx
-const MySenderComponent = () => {
- const { messages } = usePaginatedMessageListContext();
- const latestMessageSender = messages[messages.length - 1]?.user?.name;
-
- return {`Last Sender: ${latestMessageSender}`} ;
-};
-
-
-```
-
-
-
-
-
-
-
{`Last Sender: ${latestMessageSender}`} ;
-};
-```
-
-To reduce these re-renders the component can be broken apart into a component that consumes context, and a component that is memoized and takes only props.
-A custom `areEqual` check can then be used in the memoization to determine if the component should re-render.
-
-```tsx
-const MySenderComponentWithContext = ({ latestMessageSender }) => {
- console.log('Rendered');
-
- return {`Last Sender: ${latestMessageSender}`} ;
-};
-
-const MemoizedMySenderComponent = React.memo(
- MySenderComponentWithContext,
- (prev, next) => prev.latestMessageSender === next.latestMessageSender,
-);
-
-const MySenderComponent = () => {
- const { messages } = usePaginatedMessageListContext();
- const latestMessageSender = messages[messages.length - 1]?.user?.name;
-
- return = {
- messageSimple: {
- file: {
- container: {
- backgroundColor: 'red',
- },
- },
- },
-};
-```
-
-## Applying a theme
-
-There are two entry points for custom themes into the SDK, in the `OverlayProvider` and `Chat` components.
-`Chat` takes a prop `style` which accepts a custom theme.
-The `OverlayProvider` accepts the same `style` as a key on the prop `value`.
-
-In practice you only need to provide you custom theme to the `OverlayProvider` as the theme is accessed via context.
-Nested `ThemeProvider` components merge themes provided by higher level `ThemeProvider` components, so the theme provided to the `OverlayProvider` will be available from the `ThemeProvider` in the `Chat` component.
-This allows you to provide a different theme at different levels of the application if you choose.
-
-```tsx {2}
-export const App = () => (
-
-
-
-
-);
-```
-
-## Dark mode
-
-If you would like to support dark mode in your application you can create and apply different themes depending on the current `colorScheme` provided by React Native.
-To prevent unnecessary deep merges and re-renders we suggest keeping the current theme in state and only change it when theme colorScheme changes.
-
-```tsx
-import { useEffect, useState } from 'react';
-import { useColorScheme } from 'react-native';
-import type { DeepPartial, Theme } from 'stream-chat-react-native';
-
-export const App = () => {
- const colorScheme = useColorScheme();
- const getTheme = (): DeepPartial => ({
- colors: colorScheme === 'dark' ? { black: '#FFFFFF' } : { black: '#000000' },
- });
- const [theme, setTheme] = useState(getTheme());
-
- useEffect(() => {
- setTheme(getTheme());
- }, [colorScheme]);
-
- return (
-
-
-
-
- );
-};
-```
-
-## Using the theme
-
-You can easily access the theme in any custom components you create using the `useTheme` hook.
-To ensure any change to the theme is reflected within the UI it is not advised to pass theme variables through custom memoization checks.
-
-```tsx
-const {
- theme: {
- colors: { black },
- },
-} = useTheme();
-```
-
-## Identifying theme paths
-
-Where possible we have used `displayName` on components to expose the theme path to the style.
-To view the `displayName` on a component.
-
-- Open the [in-app developer menu](https://reactnative.dev/docs/debugging#accessing-the-in-app-developer-menu)
-- Turn on inspector by pressing `Show Inspector` button
-- Select the desired component and the `displayName` will be shown in the inspector path
-
-Not all theme styles are tied to high level components; but we have added this debugging strategy to help in locating the most common components easily.
-
-
-
-
= {
- messageSimple: {
- file: {
- container: {
- backgroundColor: 'red',
- },
- icon: {
- height: 16,
- width: 16,
- },
- },
- },
-};
-```
-
-
-
-
-
& {
- file_size?: number | string;
- mime_type?: string;
-};
-type DefaultChannelType = Record & {
- image?: string;
-};
-type DefaultCommandType = string & {};
-type DefaultEventType = Record;
-type DefaultMessageType = Record;
-type DefaultReactionType = Record;
-type DefaultUserType = Record & {
- image?: string;
-};
-```
-
-Additional fields on the defaults that is `file_size`, `mime_type`, and `image` are custom fields used by `stream-chat-react-native` already within the SDK.
-When wanting to set a subset of generics the preceding and interceding generics must also be set in order for the TypeScript compiler to correctly understand intent.
-
-To set `ChannelType` and `MessageType` for `AttachmentType`, `CommandType`, and `EventType` must also be set.
-
-```tsx
-const client = StreamChat.getInstance<
- DefaultAttachmentType,
- { image?: string; nickName?: string },
- DefaultCommandType,
- DefaultEventType,
- { isAdminMessage?: boolean }
->('YOUR_API_KEY');
-```
-
-:::note
-
-`DefaultCommandType` is set to `string & {}` instead of `string` to maintain IntelliSense for the included commands.
-In use a string union such as `'poll' | 'question'` could be used to extend them.
-
-:::
-
-## JSX / TSX
-
-The [TypeScript Example App](https://github.com/GetStream/stream-chat-react-native/blob/main/examples/TypeScriptMessaging/App.tsx) shows how to apply the generics to many of the components in the SDK.
-Core to understanding this usage is [how generics can be applied to JSX elements](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-9.html#generic-type-arguments-in-jsx-elements).
-
-In many cases the use of a single prop such as `client` or `channel` allows TypeScript to infer the generics on an element.
-In this case `LocalAttachmentType` is inferred from `channel` and passed to the props type for a custom Attachment component.
-
-
- onThreadSelect={thread => {
- /** Set thread and navigate to thread screen */
- }}
-/>
-```
-
-This passes the generics through appropriately to custom components and other props, in this case the custom `Message` component would receive the generics.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Gallery
-
-
- Giphy
-
-
- UrlPreview
-
-
- FileAttachment
-
-
-
-
-We have some default implementation for these type of attachments, to display them in MessageList (as shows in screenshots above).
-But you can override these components with your own implementation, as shown in following example:
-
-```jsx
-const CustomGiphy = ({ attachment, onPressIn }) => {
- console.log(attachment.type);
- console.log(attachment.actions)
- console.log(attachment.image_url)
- console.log(attachment.thumb_url)
- console.log(attachment.title)
- console.log(attachment.type)
-
- return (/** Your custom UI */)
-}
-
-const CustomGallery = ({ images, onPressIn }) => {
- console.log(images);
-
- return (/** Your custom UI */)
-}
-
-const CustomFileAttachment = ({ attachment }) => {
- console.log(attachemnt.mime_type);
- console.log(attachemnt.title);
- console.log(attachemnt.file_size);
- console.log(attachemnt.actions);
-
- return (/** Your custom UI */)
-}
-
-const CustomUrlPreview = () => {
- console.log(text);
- console.log(thumb_url);
- console.log(title);
-
- return (/** Your custom UI */)
-}
-
-// Provide these custom components to Channel, as props.
-
-```
-
-You can also assign custom `type` on attachment. Any custom attachment gets rendered in `Card` view.
-You can add your own implementation for `Card` component.
-
-```jsx
-const CustomCardComponent = ({ type, ...otherProperties }) => {
- console.log(type);
- console.log(otherProperties);
-
- return (/** Your custom UI */)
-}
-
- goToGoogleMaps(latitude, longitude)}>
-
- );
- }
-};
-
-// Icon for "Share Location" button, next to input box.
-const ShareLocationIcon = props => (
-
-
-);
-
-// UI component to add Share Location button next to input box.
-const InputButtons = () => {
- const { channel: currentChannel } = useChannelContext();
-
- return (
- sendCurrentLocation(currentChannel)} style={{ marginRight: 10 }}>
-
- );
-};
-
-const ChannelScreen = () => {
- const { bottom } = useSafeAreaInsets();
-
- return (
-
-
-
- {/* Setting keyboardVerticalOffset as 0, since we don't have any header yet */}
-
-
-
-
-
-
-
- );
-};
-
-export default function App() {
- const [ready, setReady] = useState();
-
- useEffect(() => {
- const initChat = async () => {
- await connectUserPromise;
- await channel.watch();
- setReady(true);
- };
-
- initChat();
- }, []);
-
- if (!ready) {
- return null;
- }
-
- return (
-
-
- );
-}
-```
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/channel_list_customization.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/channel_list_customization.mdx
deleted file mode 100644
index 543dee3658..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/channel_list_customization.mdx
+++ /dev/null
@@ -1,116 +0,0 @@
----
-id: customize-channel-list
-sidebar_position: 4
-title: Customize ChannelList
----
-
-import loadMoreButton from '../assets/guides/channel-list-customization/load_more_button.png';
-
-Let's look at how to make some customizations to [`ChannelList`](../core-components/channel_list.mdx).
-
-## Customizing Event Handlers
-
-`ChannelList` uses [Event Listeners](https://getstream.io/chat/docs/javascript/event_listening/?language=javascript) to dynamically update when changes occur.
-If a new message is received, a user is added to a channel, or other events take place, the `ChannelList` will update its UI accordingly.
-It's important to note that [`filters`](../core-components/channel_list.mdx#filters) don't apply to updates to the list from events.
-
-The event type the `ChannelList` reacts to and its corresponding behavior can be overridden using the appropriate prop.
-
-| [Event Type](https://getstream.io/chat/docs/javascript/event_object/?language=javascript) | Default Behavior | Prop to override |
-| ----------------------------------------------------------------------------------------- | ------------------------------------------------------------------ | -------------------------------------------------------------------------------- |
-| `channel.deleted` | Remove channel from the list | [onChannelDeleted](../core-components/channel_list.mdx#onchanneldeleted) |
-| `channel.hidden` | Remove channel from the list | [onChannelHidden](../core-components/channel_list.mdx#onchannelhidden) |
-| `channel.truncated` | Updates the channel | [onChannelTruncated](../core-components/channel_list.mdx#onchanneltruncated) |
-| `channel.updated` | Updates the channel | [onChannelUpdated](../core-components/channel_list.mdx#onchannelupdated) |
-| `channel.visible` | Adds the channel to the list | [onChannelVisible](../core-components/channel_list.mdx#onchannelvisible) |
-| `message.new` | Moves the channel to top of the list | [lockChannelOrder](../core-components/channel_list.mdx#lockchannelorder) |
-| `notification.added_to_channel` | Adds the new channel to the top of the list and starts watching it | [onAddedToChannel](../core-components/channel_list.mdx#onaddedtochannel) |
-| `notification.message_new` | Adds the new channel to the top of the list and starts watching it | [onMessageNew](../core-components/channel_list.mdx#onmessagenew) |
-| `notification.removed_from_channel` | Removes the channel from the list | [onRemovedFromChannel](../core-components/channel_list.mdx#onremovedfromchannel) |
-
-Let's take an example of ChannelList component for [frozen channels](https://getstream.io/chat/docs/javascript/freezing_channels/).
-
-```tsx
-const filters = {
- members: { $in: ['vishal'] },
- frozen: true
-}
-
-
-
-
-`ChannelList` component accepts the [`List`](../core-components/channel_list.mdx#list) prop, which is a component to render the list of channels.
-Default value for this prop is [`ChannelListMessenger`](../ui-components/channel_list_messenger.mdx) and it consumes [`ChannelsContext`](../contexts/channels_context.mdx), which provides all the necessary values to implement infinite scroll pagination.
-This component internally uses FlatList from react-native. And [`loadNextPage`](../contexts/channels_context.mdx#loadnextpage) function
-from `ChannelsContext` is attached to [onEndReached](https://reactnative.dev/docs/flatlist#onendreached) prop of underlying FlatList to allow infinite scroll pagination.
-
-Its possible to override the props on underlying FlatList by providing [`additionalFlatListProps`](../core-components/channel_list.mdx#additionalflatlistprops) prop to `ChannelList` or `ChannelListMessenger`.
-Thus "Load More" button can be added as [ListFooterComponent](https://reactnative.dev/docs/flatlist#listfootercomponent) for underlying FlatList and infinite scroll pagination can be disabled by overriding
-the [onEndReached](https://reactnative.dev/docs/flatlist#onendreached) prop for FlatList.
-
-"Load More" button should invoke [`loadNextPage`](../contexts/channels_context.mdx#loadnextpage) function, when pressed.
-Additionally, you can use pagination related flags such as `loadNextPage`, `hasNextPage`, `loadingChannels` to handle the visibility of this button.
-
-
-
-
null,
- }}
-/>;
-```
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/dev_setup_and_sample_apps.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/dev_setup_and_sample_apps.mdx
deleted file mode 100644
index 1d9f8b79de..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/dev_setup_and_sample_apps.mdx
+++ /dev/null
@@ -1,147 +0,0 @@
----
-id: dev-setup-and-sample-apps
-sidebar_position: 10
-title: Dev Setup & Sample Apps
----
-
-If you're thinking about contributing to our SDK, you may want to test your changes while developing locally.
-A good starting point its setting up our SampleApp application: A project which implements all of our main features.
-The following steps can be used to run all our internal sample projects like
-
-### Cloning the SDK repository
-
-You can start by [forking our repository](https://docs.github.com/en/github/getting-started-with-github/quickstart/fork-a-repo) and then
-cloning your fork into your local machine:
-
-```
-git clone https://github.com/{github-user-id}/stream-chat-react-native.git
-```
-
-### Setting up the SampleApp
-
-First things first you should install the SDK dependencies:
-
-```
-cd stream-chat-react-native;
-yarn install;
-```
-
-Now, navigate to the SampleApp folder and install its dependencies as well:
-
-```
-cd examples/SampleApp;
-yarn install;
-```
-
-### Running on iOS
-
-In order to run things on iOS, you need to first install the native dependencies through
-CocoaPods:
-
-```
-cd ios;
-npx pod-install;
-```
-
-Now, go back to the SampleApp folder and finally run the app on the simulator:
-
-```
-npx react-native run-ios
-```
-
-### Running on Android
-
-There is no additional steps to run the application on Android. You can just start the
-app on the emulator:
-
-```
-npx react-native run-android
-```
-
-## Running a local SDK clone on your app
-
-If you're contributing and trying to link the SDK into your own React Native project, you may find
-some challenges on the way once [Metro doesn't follow symlinks](https://github.com/facebook/metro/issues/1).
-Because of that, there is a few specific steps you need to follow in order to run things properly.
-
-### Linking the SDK into your package.json
-
-First step is to link the SDK dependency to the locally cloned repository.
-Replace the `stream-chat-react-native` dependency with following:
-
-```json
-"stream-chat-react-native-core": "link:../stream-chat-react-native/package",
-"stream-chat-react-native": "link:../stream-chat-react-native/package/native-package", // If youre using the native package
-"stream-chat-expo": "link:../stream-chat-react-native/package/expo-package", // If youre using expo
-```
-
-Here I am assuming that the clone of `stream-chat-react-native` and your app are under common directory. For example,
-
-```
--- project-dir
- -- stream-chat-react-native
- -- my-chat-app
-```
-
-### Metro configuration
-
-If you run your app at this point, you will run into some issues related to `dependency collision`.
-Since metro bundler will have `node_module` dependencies from your `app` folder, `stream-chat-react-native`
-folder and `stream-chat-react-native/native-package` folder. And it doesn't know how to resolve those
-dependencies.
-
-So you need to modify `metro.config.js`. We added some helpers for that inside of our package.
-You can copy-paste the following config:
-
-:::note
-If you're using an older `metro-config` version, you may need to replace
-
-```js
-const blacklist = require('metro-config/src/defaults/exclusionList');
-```
-
-with
-
-```js
-const blacklist = require('metro-config/src/defaults/blackList');
-```
-
-:::
-
-```js
-const PATH = require('path');
-const blacklist = require('metro-config/src/defaults/exclusionList');
-
-const extractLinkedPackages = require('stream-chat-react-native-core/metro-dev-helpers/extract-linked-packages');
-
-const projectRoot = PATH.resolve(__dirname);
-
-const { alternateRoots, extraNodeModules, moduleBlacklist } = extractLinkedPackages(projectRoot);
-
-module.exports = {
- resolver: {
- blacklistRE: blacklist(moduleBlacklist),
- extraNodeModules,
- useWatchman: false,
- },
- watchFolders: [projectRoot].concat(alternateRoots),
-};
-```
-
-And as last step, clean install your app.
-
-```
-rm -rf node_modules
-rm yarn.lock
-yarn install
-watchman watch-del-all
-yarn start --reset-cache
-```
-
-And that's all. If you make code changes in `stream-chat-react-native`, they should reflect in your application.
-
-## Samples repository
-
-Apart from the samples we use for internal development, we also provide some other
-small clone projects like a Slack clone and an iMessage clone. You can check out the code
-in [our repository](https://github.com/GetStream/react-native-samples) and even run the apps yourself.
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/keyboard.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/keyboard.mdx
deleted file mode 100644
index a7f43deb7f..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/keyboard.mdx
+++ /dev/null
@@ -1,58 +0,0 @@
----
-id: keyboard
-sidebar_position: 8
-title: Keyboard
----
-
-React Native provides an in built component called `KeyboardAvoidingView`. This component works well for most of the cases where height of the component is 100% relative to screen. If you have a fixed height then it may create some issues (it depends on your use case - and how you use wrappers such as navigation around chat components).
-
-To avoid this issue we built our own component - `KeyboardCompatibleView`. It contains simple logic - when keyboard is opened (which we can know from events of Keyboard module), adjust the height of `Channel` component, and when keyboard is dismissed, again adjust the height of `Channel` component accordingly. `KeyboardCompatibleView` is near identical to `KeyboardAvoidingView` from `react-native`, with some adjustments for app state.
-
-You can provide following props to `Channel` to customize the builtin `KeyboardCompatibleView` behavior.
-
-- [`disableKeyboardCompatibleView`](../core-components/channel.mdx#disablekeyboardcompatibleview) - `boolean`
-- [`keyboardBehavior`](../core-components/channel.mdx#keyboardbehaviour) - `padding` | `position` | `height`
-- [`keyboardVerticalOffset`](../core-components/channel.mdx#keyboardverticaloffset) - number
-
-You can pass additional props directly to the component using the `additionalKeyboardAvoidingViewProps`.
-
-You can also replace the `KeyboardCompatibleView` with your own custom component by passing it as a prop to channel.
-
-```tsx
-import React from 'react';
-import {Platform} from 'react-native';
-import {useSafeAreaInsets} from 'react-native-safe-area-context';
-import {KeyboardCompatibleView} from 'stream-chat-react-native';
-
-export const CustomKeyboardCompatibleView = ({children}) => {
- const insets = useSafeAreaInsets();
-
- if (Platform.OS === 'android') {
- return children;
- }
-
- const iosVerticalOffset = insets.bottom > 0 ? 60 : 0;
-
- return (
-
- {children}
-
- );
-};
-
-/** In your app */
-
-
-
-
-
-
-
-
-
- Faded chat with video as background
-
-
- Split screen between video and chat
-
-
-
-
-Here is how you can implement these two use cases:
-
-## Faded chat with video as background
-
-```jsx
-import React from 'react';
-import { SafeAreaView, StyleSheet, View } from 'react-native';
-
-// Make sure you have installed following two dependencies
-import MaskedView from '@react-native-community/masked-view';
-import LinearGradient from 'react-native-linear-gradient';
-
-import { Chat, Channel, MessageList } from 'stream-chat-react-native';
-
-const theme = {
- messageList: {
- container: {
- backgroundColor: 'transperant',
- },
- },
- messageSimple: {
- content: {
- textContainer: {
- backgroundColor: 'white',
- },
- },
- },
-};
-
-// When you render your chat screen
-
- {/* For the sake of example, we are using image as background, you can replace it with your Video component. */}
-
-
-
-
-
-
-
-
- ;
-```
-
-## Split screen between video and chat
-
-```jsx
-import React from 'react';
-import { SafeAreaView, StyleSheet, View } from 'react-native';
-
-import { Chat, Channel, MessageList } from 'stream-chat-react-native';
-
-// When you render your chat screen
-
-
-
-
-
-
-
- onThreadSelect={(thread) => {
- setThread(thread);
- navigation.navigate('Thread');
- }}
- />
-
-
-
-
-```
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/message_actions_customization.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/message_actions_customization.mdx
deleted file mode 100644
index 85df70009d..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/message_actions_customization.mdx
+++ /dev/null
@@ -1,182 +0,0 @@
----
-id: customize-message-actions
-sidebar_position: 4
-title: Customize Message Actions
----
-
-import messageActions from '../assets/guides/message-actions-customization/message_actions.png';
-import myMessageActions from '../assets/guides/message-actions-customization/my_message_actions.png';
-
-Message actions pop up in message overlay, when you long press a message. We have provided a granular control over these actions.
-By default we render the following actions (as shown in screenshots)
-
-
-
-
-
-
-
-
-
-
- Actions on received message
-
-
- Actions on my message
-
-
-
-
-Every message action that you see in UI, is represented by [`MessageAction`](../object-types/message_action.mdx) object for that action. And `MessageAction` object provides all the necessary inputs (title, icon, handler) for rendering the action button.
-
-```tsx
-type MessageAction = {
- action: () => void;
- title: string;
- icon?: React.ReactElement;
- titleStyle?: StyleProp;
-};
-```
-
-You can customize each one of the default actions using props on Channel component (as shown further on this page). Channel component makes these props available to enclosed components via context `MessagesContext`.
-
-[`Channel`](../../core-components/channel/) component accepts a prop called - `messageActions`. You can use this prop as a callback function to render message actions selectively.
-This parameters to this function includes all the default message actions as [`MessageAction`](../object-types/message_action.mdx) object, and some more relevant properties. Array of `MessageAction`'s returned by this function, will be rendered in message overlay (on long press).
-
-```tsx
-messageActions={({
- blockUser, // MessageAction | null;
- canModifyMessage, // boolean;
- copyMessage, // MessageAction | null;
- deleteMessage, // MessageAction | null;
- dismissOverlay, // () => void;
- editMessage, // MessageAction | null;
- error, // boolean;
- flagMessage, // MessageAction | null;
- isMyMessage, // boolean;
- isThreadMessage, // boolean;
- message, // MessageType;
- messageReactions, // boolean;
- mutesEnabled, // boolean
- muteUser, // MessageAction | null;
- reactionsEnabled, // boolean
- reply, // MessageAction | null;
- retry, // MessageAction | null;
- threadReply, // MessageAction | null;
- threadRepliesEnabled, // boolean;
- quotedRepliesEnabled, // boolean;
-}) => {
- return [] // Array
-}}
-```
-
-Please continue reading further to difference use cases.
-
-## How to conditionally render message actions
-
-Following example demonstrates how to:
-
-- Only show "Copy Message" or "Edit Message" actions from default action set.
-- Show "Edit Message" messages from current user.
-
-Additionally, the following example demonstrates how you can add custom styles for a message action title.
-
-```jsx
-
- isMyMessage
- ? [
- copyMessage,
- editMessage,
- {
- ...deleteMessage,
- textStyle: {
- color: 'red',
- fontWeight: 'bold',
- },
- },
- ]
- : [copyMessage]
- }
->
- {/** MessageList and MessageInput component here */}
-
-```
-
-## How to add a custom message action
-
-Following example demonstrates how to introduce a new/custom message action:
-
-- Add a new custom action - "Poke User" which simply sends a new message (👉) to screen and dismisses the overlay.
-- Show "Poke User" action only for messages from other user.
-
- ```jsx
- [
- {
- action: () => {
- channel.sendMessage({ text: '👉' });
- dismissOverlay();
- },
- icon:
- ```
-
-## How to intercept a message action
-
-If you are looking to add some analytics tracking to message action, you can do so in following handler prop functions.
-These functions will be called right before the underlying default handlers.
-
-:::note
-Please note that these intercepts will neither change the standard functions nor block them.
-:::
-
-- `handleBlock`
-- `handleCopy`
-- `handleDelete`
-- `handleEdit`
-- `handleFlag`
-- `handleMute`
-- `handleReaction`
-- `handleReply`
-- `handleRetry`
-- `handleThreadReply`
-
-Following example demonstrates how to add analytics tracking to "Copy Message" action.
-
-```tsx
- trackCopyAction()} />
-```
-
-## How to disable a message action
-
-Channel component also allows you to override individual action via following props. These props are basically functions, which return `MessageAction` object corresponding to that action.
-You can provide `null` value for the props corresponding to action, which you want to remove from default action list.
-
-- `blockUser`
-- `copyMessage`
-- `deleteMessage`
-- `editMessage`
-- `flagMessage`
-- `muteUser`
-- `selectReaction`
-- `reply`
-- `retry`
-- `threadReply`
-
-
-
-Following example demonstrates how to disable/remove "Delete Message" action.
-
-```tsx
-
-
-
-
-
-
-
-
-```
-
-### MessageSimple
-
-This is the actual UI component for message bubble. You can still get access to all the handlers defined in [Message](#message) HOC via `useMessageContext`
-
-```tsx
-import {
- OverlayProvider,
- Chat,
- Channel,
- MessageList,
- MessageInput,
- useChannelContext,
- useMessagesContext,
- useMessageContext,
-} from 'stream-chat-react-native';
-
-const CustomMessageUIComponent = () => {
- const { channel, members, watchers, error, loading } = useChannelContext();
- const { handleDeleteMessage, handleResendMessage, message, reactions } = useMessageContext();
-
- /** Custom implementation */
-};
-
-
-
-
-
-
-
-
- ;
-```
-
-If you want to customize only a specific part of `MessageSimple` component, you can add your own custom UI components, by providing following props on Channel component:
-
-- [MessageHeader](../core-components/channel.mdx#messageheader)
-- [MessageFooter](../core-components/channel.mdx#messagefooter)
-- [MessageAvatar](../core-components/channel.mdx#messageavatar)
-- [MessageStatus](../core-components/channel.mdx#messagestatus)
-- [MessageText](../core-components/channel.mdx#messagetext)
-- [MessageSystem](../core-components/channel.mdx#messagesystem)
-- [MessageContent](../core-components/channel.mdx#messagecontent)
-- [Attachment](../core-components/channel.mdx#attachment)
-- [Giphy](../core-components/channel.mdx#giphy)
-- [Card](../core-components/channel.mdx#card)
-- [FileAttachmentGroup](../core-components/channel.mdx#fileattachmentgroup)
-- [FileAttachment](../core-components/channel.mdx#fileattachment)
-- [Gallery](../core-components/channel.mdx#gallery)
-- [UrlPreview](../core-components/channel.mdx#urlpreview)
-
-```tsx
-
-```
-
-## Message bubble with custom text styles & fonts
-
-We use `react-native-simple-markdown` library internally in the `Message` component to render markdown content of the text. Thus styling text in the `Message` component requires a slightly different approach than styling just a single standard `Text` component in React Native.
-
-In the theme there are multiple text types such as replies and emoji-only messages that have the associated type `MarkdownStyle`, for the main message text this falls in `messageSimple -> content -> markdown` within `theme`. To modify the style of the markdown, text styles can be provided for each of the markdown sub-components that are applied based on text parsing.
-
-```jsx
-const themeStyle = {
- messageSimple: {
- content: {
- markdown: {
- heading1: {
- color: 'pink',
- },
- inlineCode: {
- fontSize: 10,
- },
- },
- },
- },
-};
-
-... ;
-```
-
-Following markdown keys are available for styling:
-
-```typescript
-export type MarkdownStyle = Partial<{
- autolink: TextStyle;
- blockQuoteBar: ViewStyle;
- blockQuoteSection: ViewStyle;
- blockQuoteSectionBar: ViewStyle;
- blockQuoteText: TextStyle | ViewStyle;
- br: TextStyle;
- codeBlock: TextStyle;
- del: TextStyle;
- em: TextStyle;
- heading: TextStyle;
- heading1: TextStyle;
- heading2: TextStyle;
- heading3: TextStyle;
- heading4: TextStyle;
- heading5: TextStyle;
- heading6: TextStyle;
- hr: ViewStyle;
- image: ImageStyle;
- inlineCode: TextStyle;
- list: ViewStyle;
- listItem: ViewStyle;
- listItemBullet: TextStyle;
- listItemNumber: TextStyle;
- listItemText: TextStyle;
- listRow: ViewStyle;
- mailTo: TextStyle;
- mentions: TextStyle;
- newline: TextStyle;
- noMargin: TextStyle;
- paragraph: TextStyle;
- paragraphCenter: TextStyle;
- paragraphWithImage: ViewStyle;
- strong: TextStyle;
- sublist: ViewStyle;
- table: ViewStyle;
- tableHeader: ViewStyle;
- tableHeaderCell: TextStyle;
- tableRow: ViewStyle;
- tableRowCell: ViewStyle;
- tableRowLast: ViewStyle;
- text: TextStyle;
- u: TextStyle;
- view: ViewStyle;
-}>;
-```
-
-## Message bubble with full width
-
-Because of richness of default message bubble (reactions, attachments, etc), we didn't want to add support this feature OOTB for the simplicity of maintenance. This is something that needs to themed on app level. Here is how you can implement full width message:
-
-```jsx
-import { vw } from 'stream-chat-react-native';
-
-const maxWidth = vw(100) - 72;
-const themeStyle = {
- messageSimple: {
- card: {
- container: {
- width: maxWidth,
- },
- },
- content: {
- container: {
- width: maxWidth,
- },
- textContainer: {
- width: maxWidth,
- maxWidth: maxWidth,
- },
- wrapper: { width: maxWidth },
- },
- gallery: {
- // -2 because of the 2px border
- width: maxWidth - 2,
- },
- giphy: {
- container: {
- width: maxWidth,
- },
- },
- },
- // Override reply so the reuse of message style does not overflow text in the message input
- reply: {
- textContainer: {
- maxWidth: undefined,
- width: undefined,
- },
- },
-};
-
-... ;
-```
-
-## Message bubble without border
-
-Simple style customization using theme object, does the trick:
-
-```jsx
-const themeStyle = {
- messageSimple: {
- content: {
- container: {
- borderWidth: 0,
- },
- containerInner: {
- borderWidth: 0,
- },
- deletedContainerInner: {
- borderWidth: 0,
- },
- textContainer: {
- borderWidth: 0,
- },
- },
- },
-};
-
-... ;
-```
-
-## Message with custom reactions
-
-To add custom reactions you need to use the `supportedReactions` prop on `Channel`. `supportedReactions` is an array of `ReactionData`. The default `supportedReactions` array contains 5 reactions.
-
-```tsx
-export const reactionData: ReactionData[] = [
- {
- Icon: LoveReaction,
- type: 'love',
- },
- {
- Icon: ThumbsUpReaction,
- type: 'like',
- },
- {
- Icon: ThumbsDownReaction,
- type: 'sad',
- },
- {
- Icon: LOLReaction,
- type: 'haha',
- },
- {
- Icon: WutReaction,
- type: 'wow',
- },
-];
-```
-
-To create your own reaction you need both a `type` and `Icon`. The `Icon` is a component with `IconProps` it is suggested you take advantage of [`react-native-svg`](https://github.com/react-native-svg/react-native-svg) for scaling purposes. It is suggested you look at the default icons for examples of how to create your own that is able to properly use the theme and sizing that are provided via props. Using exported type from `stream-chat-react-native` a custom reaction can be created and added.
-
-```tsx
-export const StreamReaction: React.FC = props => (
-
-
-);
-
-const newReactionData = [...reactionData, { type: 'stream', Icon: StreamReaction }];
-```
-
-Both the resulting reaction picker and reaction result can then utilize this additional option.
-
-
-
-
-
-
-
-
-
-
-
- Standard Reactions
- Modified Reactions
- Modified Reaction
-
-
-
-## Instagram style double-tap reaction
-
-`stream-chat-react-native` uses a combination of `react-native-gesture-handler` and standard `react-native` touchables to provide animations to the UI. Because of this there are conditions in which multiple interactions are taking place at once.
-
-**e.g.** If you press on a message it begins to depress and after a long hold will present the context menu for the message. But release sooner and if you are pressing on an image, the image viewer will appear.
-
-Therefore to allow for something like double-tap reactions three props are required, `onPressInMessage`, `onLongPressMessage`, and `onDoubleTapMessage`. The first is used to prevent the `onPress` of inner `react-native` touchable components from firing while waiting for the double press to be evaluated by `react-native-gesture-handler`. Using a timeout the original `onPress` can be called if a second press has not ocurred in the expected time for the double tap to fire.
-
-To prevent this event from firing when a long press occurs `onLongPressMessage` should be set to a function that cancels the timeout.
-
-The `onDoubleTapMessage` prop can then be used to add a reaction as it is a function that is provided the message for which it is double tapped. This uses `react-native-gesture-handler` to track double taps. For convenience, as this is a common design pattern, the function is also is passed the `handleReactionDoubleTap` function. If defined (this is `undefined` when there is an error message or the `status` of the message is `failed`), this function can be passed a `string` of the reaction `type` to add or remove a reaction.
-
-To complete the Instagram feel, setting the `OverlayReactionList` component to an empty component and limiting the `supportedReactions` as shown allows only 1 type of reaction and limits the UI to double-tap only to add or remove it.
-
-```tsx
-const lastTap = React.useRef(null);
-const timeOut = React.useRef(null);
-
-const handleDoubleTap = ({
- defaultHandler,
-}) => {
- const now = Date.now();
- console.log(now, lastTap.current)
- if (lastTap.current && now - lastTap.current < 510) {
- if (timeOut.current) {
- clearTimeout(timeOut.current);
- }
- } else {
- lastTap.current = now;
- timeOut.current = setTimeout(() => {
- if (defaultHandler) {
- defaultHandler();
- }
- }, 510);
- }
-};
-
-const onDoubleTapMessage = ({
- actionHandlers
-}) => {
- actionHandlers?.toggleReaction('love')
-};
-
-const onLongPressMessage = ({
- defaultHandler,
-}) => {
- console.log('onLongPress')
- if (timeOut.current) {
- clearTimeout(timeOut.current);
- defaultHandler()
- }
-};
-
- null}
- thread={thread}
->
-```
-
-## Slack style messages all on the left side
-
-By default, received messages are shown on left side of the `MessageList` and sent messages are shown on right side of the `MessageList`.
-
-You can change this at the `Message` level via the prop `forceAlignMessages` or set the alignment for the entire `Channel` using the same `forceAlignMessages` prop.
-
-```tsx
-
-```
-
-## Message bubble with name of sender
-
-In group messaging it's important to show the name of the sender associated message bubble - similar to Slack or WhatsApp. By default this is done in the `MessageFooter` component. This component is fully replaceable via props on `Channel` and is provided a set of props itself, `MessageFooterProps`, that can be used for rendering. Any additional data for rendering a custom footer can be pulled from contexts such as the `MessageContext` via the `useMessageContext` hook.
-
-If you wanted to move the information about the sender to the top of the message you can provide a `MessageHeader` component to `Channel` which is provided the same props, `MessageHeaderProps`, as the footer, `MessageFooterProps`, and again can utilize the contexts as needed.
-
-```tsx
-
- props.message?.user?.id !== chatClient.userID ? (
-
- {Object.keys(props.members).length > 2 &&
- props.message.user?.name ? (
-
- {props.message.user.name}
-
- ) : null}
-
- {props.formattedDate}
-
-
- ) : null
- }
- MessageFooter={() => null}
- thread={thread}
->
-```
-
-
-
-
-
-
-
-
-
-
-
- Standard Footer
- No Footer
- Header Added
-
-
-
-## Swipe message left to delete and right to reply
-
-To add swipe controls to your messages it is suggested that you create a custom `Message` component to replace the default one. An easy solution is to wrap the standard exported message component from `stream-chat-react-native` in a `Swipeable` from `react-native-gesture-handler/Swipeable`. You can then use the functions provided by `Swipeable` to fine tune to functionality to your liking.
-
-You can add reply functionality by calling `setQuotedMessageState`, available from the `useMessagesContext` hook. Or you can delete the message using a combination of `client.deleteMessage` and `updateMessage`, the latter of which is also available from the `useMessagesContext` hook. You can find the internal implementation of these functions in the `Message` component; or you can add any other functionality you like. It is suggested to add custom logic when implementing swipe-able messages to ensure you only can swipe appropriate messages, that is you can only swipe to delete messages you have the ability to delete and have not yet been deleted. Using `Message` props and contexts this is easily achievable.
-
-```tsx
-const SwipeableMessage = (
- props: MessageProps,
-) => {
- return (
- (
-
-
- )}
- >
-
- );
-};
-```
-
-
-
-
-
-
-
-
-
-
-
- Swiping partially open (opacity partial)
- Swiping all the way open
- Swiping using transform -> translateX
-
-
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/message_input_customization.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/message_input_customization.mdx
deleted file mode 100644
index eb6a617580..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/message_input_customization.mdx
+++ /dev/null
@@ -1,445 +0,0 @@
----
-id: message-input-customization
-sidebar_position: 5
-title: Customize Message Input
----
-
-import nativeAttachmentPickerStep1 from '../assets/guides/message-input-customization/native_attachment_picker_step_1.png';
-import nativeAttachmentPickerStep2 from '../assets/guides/message-input-customization/native_attachment_picker_step_2.png';
-
-We provide the `MessageInput` container out of the box in a fixed configuration with many customizable features. Similar to other components it accesses most customizations via context, specially the `MessageInputContext` which is instantiated in `Channel`, using props available on `Channel` component.
-To customize the entire Input UI part of MessageInput component, you can add a custom UI component as `Input` prop on Channel component.
-
-## Changing layout of MessageInput
-
-Let's take a look at a simple example with following requirements:
-
-- Stretch input box to full width
-- Button to send a message, open attachment picker and open commands picker - below input box
-- Disable the send button, in case of empty input box.
-
-
-
-
-
-
-
-
-
-
-
-
- Disabled Send Button
-
-
- Attached Image
-
-
- Enabled Send Button
-
-
-
-
-```jsx
-import {
- Channel,
- Chat,
- ImageUploadPreview,
- OverlayProvider,
- AutoCompleteInput,
- useMessageInputContext,
-} from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-const CustomInput = props => {
- const { sendMessage, text, toggleAttachmentPicker, openCommandsPicker } = useMessageInputContext();
-
- return (
-
-
-
-
-
-
- );
-};
-
-export const ChannelScreen = ({ channel }) => {
- const [channel, setChannel] = useState();
-
- return (
-
-
- {channel ? (
-
- {/** App components */}
-
- ) : (
-
-
- );
-};
-
-const styles = StyleSheet.create({
- flex: { flex: 1 },
- fullWidth: {
- width: '100%',
- },
- row: {
- flexDirection: 'row',
- justifyContent: 'space-between',
- },
- inputContainer: {
- height: 40,
- },
-});
-```
-
-:::tip
-
-You can also pass the same props as the context providers directly to the `MessageInput` component to override the context values.
-The code above would render the red `View` and not `null` as the props take precedence over the context value.
-
-:::
-
-```tsx
- null} keyboardVerticalOffset={headerHeight} Message={CustomMessageComponent}>
-
-
-
-```
-
-You can modify `MessageInput` in a large variety of ways. The type definitions for the props give clear insight into all of the options.
-You can replace the `Input` wholesale, as above, or create you own `MessageInput` component using the provided hooks to access context.
-
-**NOTE:** The `additionalTextInputProps` prop of both `Channel` and `MessageInput` is passed the internal [`TextInput`](https://reactnative.dev/docs/textinput) component from `react-native`. If you want to change the `TextInput` component props directly this can be done using this prop.
-
-## Customizing nested components within MessageInput
-
-If you would like to only replace some internal UI component of `MessageInput`, you can do so by providing your own UI component for the default component which you want to replace, as a prop to `Channel` component.
-Following images show the prop names for replacing corresponding components. Within your own custom UI implementation, you can access all the stateful information via available contexts
-
-
-
-
-
-### Custom Send Button
-
-In following example, let's only replace a default `SendButton` with a custom implementation, without altering rest of layout of MessageInput
-
-- Default send button should be replaced with Boat Icon
-- This custom button should be disabled if user has not entered any text or attached any file
-
-
-
-
-
-
-
-
-
- Send Button Disabled
- Send Button Enabled
-
-
-
-```tsx
-import { TouchableOpacity } from 'react-native';
-import { RootSvg, RootPath, Channel, useMessageInputContext } from 'stream-chat-react-native';
-
-const StreamButton = () => {
- const { sendMessage, text, imageUploads, fileUploads } = useMessageInputContext();
- const isDisabled = !text && !imageUploads.length && !fileUploads.length;
-
- return (
-
-
-
-
- );
-};
-
-// In your App
-
-
- chatClient?.sendFile(
- `${channel._channelURL()}/file`, // replace this with your own cdn url
- file.uri,
- 'name_for_file',
- )
- }
- doImageUploadRequest={(file, channel) =>
- chatClient?.sendFile(
- `https://customcdnurl.com`, // replace this with your own cdn url
- file.uri,
- 'name_for_file',
- )
- }
-/>
-```
-
-:::note
-
-Usage of `chatClient?.sendFile` is optional in above examples. You may choose to use any HTTP client for uploading the file.
-But make sure to return a promise that is resolved to an object with the key `file` that is the URL of the uploaded file.
-
-For example:
-
-```tsx
-{
- file: 'https://us-east.stream-io-cdn.com/62344/images/a4f988f5-6a9c-47b0-aab9-7a27b74d7515.60D6041A-D012-4721-B794-19267B8F352B.jpg';
-}
-```
-
-:::
-
-## Disabling File Uploads or Image Uploads
-
-There are three ways to disable file or image uploads from RN app:
-
-### From Dashboard
-
-This is recommended option, if you want to allow neither image or file uploads in your chat application. You can find a toggle to disable Uploads in Chat Overview page
-
-
-
-### On UI level
-
-If you want to restrict uploads to either images or only files, you can do so by providing one of the following two props to Channel component:
-
-- `hasFilePicker` (`boolean`)
-- `hasImagePicker` (`boolean`)
-
-## Disable autocomplete feature on input (mentions and commands)
-
-The auto-complete trigger settings by default include `/`, `@`, and `:` for slash commands, mentions, and emojis respectively. These triggers are created by the exported function `ACITriggerSettings`, which takes `ACITriggerSettingsParams` and returns `TriggerSettings`. You can override this function to remove some or all of the trigger settings via the `autoCompleteTriggerSettings` prop on `Channel`. If you remove the slash commands it is suggested you also remove the commands button using the prop on `Channel` `hasCommands`. You can remove all of the commands by returning an empty object from the function given to `autoCompleteTriggerSettings`.
-
-```tsx
- ({})}
- channel={channel}
- hasCommands={false}
- keyboardVerticalOffset={headerHeight}
- thread={thread}
->
-```
-
-## Setting Additional Props on Underlying `TextInput` component
-
-You can provide `additionalTextInputProps` prop to `Channel` or `MessageInput` component for adding additional props to underlying React Native's [TextInput](https://reactnative.dev/docs/textinput) component.
-
-:::caution
-Please make sure to memoize or pass static reference for this object. Please read our [Performance Guide](../customization/custom_components.mdx/#performance) for details
-:::
-
-```jsx
-const additionalTextInputProps = useMemo(() => {
- selectionColor: 'pink';
-});
-
-// Render UI part
-
- ...
- ;
-```
-
-## Replacing AttachmentPicker With Native Image Picker
-
-Attachment picker is rendered/displayed/opened inside of a bottom sheet by default.
-The default behavior can be easily replaced with the device's native image picker (as shown in screenshots below).
-
-
-
-
-
-
-
-
-
- Attachment Picker ActionSheet
- Photo library
-
-
-
-Channel component receives a prop [AttachButton](../core-components/channel.mdx#attachbutton),
-which can be used to override the default attach button next to input box as following. This prop can be used to
-override the default `onPress` handler for the `AttachButton` component.
-
-```tsx
-import { AttachButton, Channel } from 'stream-chat-react-native';
-
-const CustomAttachButton = () => {
- const onPressHandler = () => {
- // Custom handling of onPress action on AttachButton
- };
-
- return
- ;
-```
-
-Now let's hook the relevant action handlers for buttons within `ActionSheet`.
-[`react-native-image-crop-picker`](https://github.com/ivpusic/react-native-image-crop-picker) provides an image picker functionality
-with good support for configurable compression, multiple images and cropping. And selected images from image picker or camera can be wired in
-with upload previews ([`ImageUploadPreview`](../ui-components/image_upload_preview.mdx)) within `MessageInput` component
-by using a function `uploadNewImage` provided by [`MessageInputContext`](../contexts/message_input_context.mdx#uploadnewimage).
-
-For file attachments, the SDK defaults to the native file picker. That can be reused by adding the `pickFile` function
-provided by the [`MessageInputContext`](../contexts/message_input_context.mdx#pickfile) as action handler within `ActionSheet`.
-
-```tsx {4,10,12-21,23-30,43,46,49}
-import { AttachButton, Channel, useMessageInputContext } from 'stream-chat-react-native';
-import { ActionSheetProvider, useActionSheet } from '@expo/react-native-action-sheet';
-import ImagePicker from 'react-native-image-crop-picker';
-
-const CustomAttachButton = () => {
- const { showActionSheetWithOptions } = useActionSheet();
- const { pickFile, uploadNewImage } = useMessageInputContext();
-
- const pickImageFromGallery = () =>
- ImagePicker.openPicker({
- multiple: true,
- }).then(images =>
- images.forEach(image =>
- uploadNewImage({
- uri: image.path,
- }),
- ),
- );
-
- const pickImageFromCamera = () =>
- ImagePicker.openCamera({
- cropping: true,
- }).then(image =>
- uploadNewImage({
- uri: image.path,
- }),
- );
-
- const onPress = () => {
- // Same interface as https://facebook.github.io/react-native/docs/actionsheetios.html
- showActionSheetWithOptions(
- {
- cancelButtonIndex: 3,
- destructiveButtonIndex: 3,
- options: ['Photo Library', 'Camera', 'Files', 'Cancel'],
- },
- buttonIndex => {
- switch (buttonIndex) {
- case 0:
- pickImageFromGallery();
- break;
- case 1:
- pickImageFromCamera();
- break;
- case 2:
- pickFile();
- break;
- default:
- break;
- }
- },
- );
- };
-
- return
- ;
-```
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/performance_guide.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/performance_guide.mdx
deleted file mode 100644
index 54cf17053c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/performance_guide.mdx
+++ /dev/null
@@ -1,88 +0,0 @@
----
-id: performance-guide
-sidebar_position: 5
-title: Performance Guide
----
-
-import channelSettings from '../assets/guides/performance-guide/channel_settings.jpeg';
-
-React Native Chat SDK provides feature-rich components which cater to all types of chat messaging applications.
-Some of the features or components may come with a performance cost you will want to avoid for high
-concurrency applications such as live-streaming. In this guide, we have noted down some tips for improving the performance of your
-chat application if you are expecting heavy traffic on your chat.
-
-## Channel Settings
-
-Within each channel type, some settings are available that apply to all channels of that type.
-Among these settings is the ability to enable or disable each event type.
-While disabled, an event of a selected type will not be passed through to a client's open WebSocket connection in the channel type it has been set.
-It's also important to note that increasing the number of enabled events for a channel type also increases the load on clients in those channels.
-
-- For the live-stream channel type, we recommend disabling Connect, Read Events, and Typing Events. These will cause performance issues and don't generally add to the user experience in these use cases.
-- Also consider using [Slow Mode](https://getstream.io/chat/docs/slow_mode/?language=js#channel-slow-mode) for live-stream events.
-
-
- {/* Child components of Chat go here */}
-
- );
-};
-
-const styles = StyleSheet.create({
- container: {
- flex: 1,
- alignItems: 'center',
- justifyContent: 'center',
- },
-});
-```
-
-This concludes the setup for push notifications. If you are having trouble receiving push notifications, please check Troubleshooting guide.
-
-## Interact with Push Notification
-
-When a user interacts with your notification by pressing on it, the default behavior is to open the application (since notifications via FCM only display when the application is in the background, the application will always open).
-
-:::info
-
-On Android, you can set a `"click_action": "OPEN_ACTIVITY_1"` in Firebase Notification Template
-
-:::
-
-In many cases, it is useful to detect whether the application was opened by pressing on a notification (so you could open a specific screen for example). The [React Native Firebase API](https://rnfirebase.io/messaging/notifications#handling-interaction) provides two APIs for handling interaction:
-
-- `getInitialNotification`: When the application is opened from a quit state.
-- `onNotificationOpenedApp`: When the application is running, but in the background.
-
-You can access the notification data in both these functions. Make sure you have set the correct notification template in dashboard:
-
-
-
-
-
-Please check [Push Template](https://getstream.io/chat/docs/javascript/push_template/?language=javascript) docs for more details on template.
-
-To handle both scenarios, the code can be executed during setup. For example, using [React Navigation](https://reactnavigation.org/) we can set an initial route when the app is opened from a quit state, and push to a new screen when the app is in a background state:
-
-```js
-import React, { useEffect } from 'react';
-import messaging from '@react-native-firebase/messaging';
-import { NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-
-const Stack = createStackNavigator();
-
-function App() {
- useEffect(() => {
- // `onNotificationOpenedApp` gets called when app is in background, and you press
- // the push notification.
- //
- // Here its assumed a message-notification contains a "channel" property in the data payload.
- //
- // Please check the docs on push template:
- // https://getstream.io/chat/docs/javascript/push_template/?language=javascript
- messaging().onNotificationOpenedApp(remoteMessage => {
- console.log('Notification caused app to open from background state:', remoteMessage);
- const channel = JSON.parse(remoteMessage.data.channel);
- const message = remoteMessage.data.message;
-
- console.log('This message belongs to channel with id - ', channel.id);
- console.log('Message id is', message);
-
- // You will add your navigation logic, to navigate to relevant channel screen.
- });
-
- // `getInitialNotification` gets called when app is in quit state, and you press
- // the push notification.
- //
- //
- // Here its assumed that a message-notification contains a "channel" property in the data payload.
- // Please check the docs on push template:
- // https://getstream.io/chat/docs/javascript/push_template/?language=javascript
- messaging()
- .getInitialNotification()
- .then(remoteMessage => {
- if (remoteMessage) {
- console.log('Notification caused app to open from quite state:', remoteMessage);
- const channel = JSON.parse(remoteMessage.data.channel);
- const message = remoteMessage.data.message;
-
- console.log('This message belongs to channel with id - ', channel.id);
- console.log('Message id is', message);
-
- // You will add your navigation logic, to navigate to relevant channel screen.
- }
- });
- }, []);
-
- if (loading) {
- return null;
- }
-
- return (
-
-
-
-
- );
-}
-```
-
-## Troubleshooting
-
-If you are having trouble receiving push notifications, please use our [Push Notification Test Application](https://github.com/GetStream/chat-push-test/tree/master/react-native) to check if you have setup Push Configuration correctly.
-Please follow the steps mentioned in [README](https://github.com/GetStream/chat-push-test/tree/master/react-native) for further instructions
-
-If you are still having trouble with Push Notifications, please contact [support@getstream.io](mailto:support@getstream.io)
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/upgrade_helper.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/upgrade_helper.mdx
deleted file mode 100644
index 3cf61d00a1..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/guides/upgrade_helper.mdx
+++ /dev/null
@@ -1,280 +0,0 @@
----
-id: upgrade-helper
-title: Upgrading from V2 to V3
----
-
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
-import messagePropChangeBefore from '../assets/guides/upgrade-helper-v2-to-v3/message_prop_change_before.png';
-import messagePropChangeAfter from '../assets/guides/upgrade-helper-v2-to-v3/message_prop_change_after.png';
-import attachmentPicker from '../assets/guides/upgrade-helper-v2-to-v3/attachment_picker.png';
-
-For version 3.x of the Stream Chat React Native SDK, we focused on improving the speed and performance of our UI components to create a fast and responsive chat experience for the end user. Some of the key changes we made include, changes to the architecture of the SDK to provide better performance and improved
-
-- Prominent use [React Context](https://reactjs.org/docs/context.html) to make passing data through the application easier.
-- The addition of `OverlayProvider` a new component that wraps the application and lets users interact with messages through long-clicks.
-- Better support for Typescript.
-- Simpler UI Theming.
-- The addition of new community libraries to improve performance and add more features to the end user's experience.
-
-To make these improvements, we made major architectural changes to the SDK. Because of this, upgrading will require some additional work. This page will walk you through the steps involved in upgrading the React Native SDK for Stream Chat from version 2 to version 3.
-
-### Before starting
-
-Before you begin the upgrade, we recommend commenting-out all Stream Chat SDK v2 props related to theming and custom components for `ChannelList`, `Channel`, `MessageList` and `MessageInput` in your application.
-This this will let you test the setup for the upgrade independently from customizations.
-
-#### Add peer-dependencies
-
-Stream Chat v3 includes new peer-dependencies for the package. You can use this script to install the dependencies:
-
-```bash
-yarn add @react-native-community/blur @react-native-community/cameraroll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg
-```
-
-After adding these dependencies, go through following links and follow any additional installation steps:
-
-- `react-native` - [additional installation steps](https://reactnative.dev/docs/image#gif-and-webp-support-on-android)
-- `react-native-reanimated` - [additional installation steps](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/).
-- `react-native-image-crop-picker` - [additional installation steps](https://github.com/ivpusic/react-native-image-crop-picker#step-3)
-- `react-native-cameraroll` - [additional installation steps](https://github.com/react-native-cameraroll/react-native-cameraroll#permissions)
-- `react-native-gesture-handler` - [additional installation steps](https://docs.swmansion.com/react-native-gesture-handler/docs/#android)
-- `@react-native-community/blur` - [additional installation steps](/reactnative/basics/troubleshooting#blurview-crashing)
-
-If you are using expo, the please install the corresponding dependencies instead.
-
-```bash
-expo install @react-native-community/netinfo expo-blur expo-document-picker expo-file-system expo-haptics expo-image-manipulator expo-image-picker expo-media-library expo-sharing react-native-gesture-handler react-native-reanimated react-native-safe-area-context react-native-svg
-```
-
-#### Remove `react-native-get-random-values`
-
-v2 required that you have `react-native-get-random-values` and import it into your application in your root file; Version 3 no longer uses this. As long as you aren't using `react-native-get-random-values` for anything other than Stream Chat's peer dependency, you can safely remove it by removing it from your package.json:
-
-```bash
-yarn remove react-native-get-random-values
-```
-
-And deleting the import statement for `react-native-get-random-values` from your root (`index.js`/`index.ts`) file:
-
-```tsx {1}
-import * from r`eact-native-get-random-values; // <-- REMOVE THIS
-import { AppRegistry } from 'react-native';
-
-import App from './App';
-import { name as appName } from './app.json';
-
-AppRegistry.registerComponent(appName, () => App);
-```
-
-#### Import gesture handler dependency
-
-v3 requires you to import the gesture handler dependency at the top of your application's entry file (usually your App.tsx or index.js) before any other dependencies:
-
-```tsx {1}
-import 'react-native-gesture-handler';
-import { AppRegistry } from 'react-native';
-
-import App from './App';
-import { name as appName } from './app.json';
-
-AppRegistry.registerComponent(appName, () => App);
-```
-
-#### Add `stream-chat@3.x.x` dependency
-
-The minimum supported version of `stream-chat` - v3.x.
-Please check the [Compatibility Table](https://github.com/GetStream/stream-chat-react-native#-react-native-compatibility) to ensure you are using
-correct version of `stream-chat` dependency.
-
-```bash
-yarn add stream-chat@3.11.1
-```
-
-### Add `OverlayProvider` component
-
-[`OverlayProvider`](../core-components/overlay_provider.mdx) component is new to version three and you will need to add it to your application. The `OverlayProvider` should wrap the entire chat screen in your application. If you are using react-navigation, this component
-should wrap your stack provider. Please read more details in our [Configuring Components docs](../basics/hello_stream_chat.mdx#configuring-ui-components)
-
-```tsx
-import { OverlayProvider } from 'stream-chat-react-native';
-
-export const Screen = () => {/** App components */} ;
-```
-
-### Theme changes
-
-v2 of SDK used [Styled Components](https://styled-components.com/) for theming purpose, which we have abandoned in v3 in favor of using the default approach for React Native style sheets. We've published a separate [guide](../customization/theming.mdx) for how to apply custom theme on chat components.
-
-At this point if you launch the application, it should be working fine (assuming all the component customizations have been commented out) 🎉.
-
-### Message customization prop change
-
-Message UI is the most common use-case for customization. In v2 of the library, you could provide a `Message` prop to `MessageList` component
-to customize message UI. But in v3, you need to provide `MessageSimple` prop on the [`Channel`](../core-components/channel.mdx#messagesimple) component instead.
-
-
-
-
-
-
-
-
-
- Before upgrade to v3
- After upgrade to v3
-
-
-
-### Moving from prop drilling to context
-
-As part of v3, we have tried to get rid of prop drilling pattern as much as possible. We are moving towards using [React's context](https://reactjs.org/docs/context.html)
-based architecture.
-
-Let's take an [example]() from v2 documentation
-which shows how to render message sender's name at bottom of the message:
-
-To customize `MessageFooter`, you had to create a separate component to render a `MessageSimple` component and then provide `MessageFooter` as a prop to `MessageSimple`. This is what the prop drilling looked like in v2 of the SDK. This approach was rigid and made updating components a chore.
-
-In v3, we're using React contexts to simplify this process. Now, thanks to contexts, you can customize each of these deeply nested components
-by providing a relevant prop to one of the following 3 core components (depending on which component needs to be customized). React contexts will provide the prop to all of the child components in nested in the core components as global-like data.
-
-- [`OverlayProvider`](../core-components/overlay_provider.mdx#props)
-- [`Channel`](../core-components/channel.mdx#props)
-- [`ChannelList`](../core-components/channel_list.mdx#props)
-
-Additionally you have access to all the required values through contexts (`props.message` in this example).
-Please check documentation of [contexts](../customization/contexts.mdx) for all the available contexts.
-
-
-
-
-```tsx
-import { Chat, Channel, MessageList, MessageSimple } from 'stream-chat-react-native';
-
-const MessageWithSenderNameAtBottom = props => {
- return {props.message.user.name} } />;
-};
-
-// In your rendering logic
-
-
-
- ;
-```
-
-
-
-
-```tsx
-import { Chat, Channel, MessageList, useMessageContext } from 'stream-chat-react-native';
-
-const FooterWithSenderName = () => {
- const { message } = useMessageContext();
-
- return {props.message.user.name} ;
-};
-
-// In your rendering logic
-
-
-
- ;
-```
-
-
-
-
-Let's check a similar example for [`ChannelList`](../core-components/channel_list.mdx) component. To customize avatar component of channel, within `ChannelList`, you had to
-first customize `Preview` component which renders list item, and then provide avatar component on it. In v3, you can simply pass the `PreviewAvatar`
-component on `ChannelList` without having to go through prop drilling. Additionally you have access to [`ChannelsContext`](../contexts/channels_context.mdx)
-which provides access to all the necessary values and methods which `ChannelList` relies on.
-
-
-
-
-```tsx
-import { Chat, Channel, ChannelList, ChannelPreviewMessenger } from 'stream-chat-react-native';
-
-const CustomAvatar = props => {
- /* custom component */
-};
-const PreviewWithCustomAvatar = props => {
- return
- ;
-```
-
-
-
-
-```tsx
- import { Chat, Channel, ChannelList, useChannelsContext } from 'stream-chat-react-native';
-
- const CustomAvatar = props => {
- const { refreshing, reloadList } = useChannelsContext();
- const { channel } = props;
-
- return (/* custom component */)
- };
-
- // In your rendering logic
-
-
-```
-
-
-
-
-### Message action changes
-
-In v2 of the library, message actions such as "Copy Message" or "Edit Message" etc, were rendered in `ActionSheet`. In v3 of the library these
-actions get rendered within the overlay when a user long-presses the message. Also, we have provided finer control over customizing these actions
-according to your use case. Please take a look at guide for [customizing message actions](./message_actions_customization.mdx) for reference.
-
-### Reaction customization changes
-
-Rendering of reactions on message and reaction picker has changed as part of v3. There three major differences in reactions related UX.
-
-- Reactions were rendered as simple text emojis in v2, while reactions get rendered as SVG icons in v3.
-- Reaction picker used to show up as popup right above message in v2, on the other hand reaction picker will show up in overlay in v3.
-
-Please check the guide on [Message with custom reactions](./message-customizations/#message-with-custom-reactions) for details.
-
-Additionally please take a look at following props to customize reactions related components:
-
-- [`OverlayReactions`](../core-components/overlay_provider.mdx#overlayreactions)
-- [`OverlayReactionList`](../core-components/overlay_provider.mdx#overlayreactionlist)
-- [`ReactionList`](../core-components/channel.mdx#reactionlist)
-
-### Attachment picker changes
-
-In v2 of the library, attachment picker was rendered as `ActionSheet` containing option for picking files from of native image and file picker.
-We've modified this UX in v3. In the new version, attachment picker gets rendered as built-in `BottomSheet`.
-
- defaultHandlers.quotedReply()}
-```
-
-| Type |
-| ------ |
-| object |
-
-### message
-
-Message object, on which interaction occurred.
-
-```tsx
- console.log(message.id, message.text)}
-```
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/_category_.json b/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/_category_.json
deleted file mode 100644
index 18c2506f73..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/_category_.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
- "label": "UI Components",
- "position": 4
-}
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/attach_button.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/attach_button.mdx
deleted file mode 100644
index 9133828c6a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/attach_button.mdx
+++ /dev/null
@@ -1,28 +0,0 @@
----
-id: attach-button
-title: AttachButton
----
-
-import SelectedPicker from '../common-content/contexts/attachment-picker-context/selected_picker.mdx';
-import Disabled from '../common-content/contexts/channel-context/disabled.mdx';
-
-Component to render a button to open the attachment picker, within the [`MessageInput`](./message_input.mdx).
-This is the default component provided to the prop [`AttachButton`](../core-components/channel.mdx#attachbutton) on the `Channel` component.
-
-## Props
-
-### _overrides the value from [ChannelContext](../contexts/channel_context.mdx#disabled)_
disabled {#disabled}
-
-_overrides the value from [AttachmentPickerContext](../contexts/attachment_picker_context.mdx#selectedpicker)_
`selectedPicker` {#selectedpicker}
-
-required
**attachment**
-
-Attachment object to render UI for. This is basically a value from `attachments` array on message object - `message.attachments[0]`.
-
-| Type |
-| ------ |
-| object |
-
-### _overrides the value from [MessagesContext](../contexts/messages_context.mdx#attachmentactions)_
AttachmentActions {#attachmentactions}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#card)_
Card {#card}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#fileattachment)_
FileAttachment {#fileattachment}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#gallery)_
Gallery {#gallery}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#giphy)_
Giphy {#giphy}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#urlpreview)_
UrlPreview {#urlpreview}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#additionaltextinputprops)_
additionalTextInputProps {#additionaltextinputprops}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#autocompletesuggestionslimit)_
autoCompleteSuggestionsLimit {#autocompletesuggestionslimit}
-
-_overrides the value from [SuggestionsContext](../contexts/suggestions_context.mdx#closesuggestions)_
`closeSuggestions` {#closesuggestions}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#giphyactive)_
giphyActive {#giphyactive}
-
-_overrides the value from [ChannelContext](../contexts/channel_context.mdx#giphyenabled)_
giphyEnabled {#giphyenabled}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#maxmessagelength)_
maxMessageLength {#maxmessagelength}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#numberoflines)_
numberOfLines {#numberoflines}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#mentionallappusersenabled)_
mentionAllAppUsersEnabled {#mentionallappusersenabled}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#mentionallappusersquery)_
mentionAllAppUsersQuery {#mentionallappusersquery}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#onchange)_
`onChange` {#onchange}
-
-_overrides the value from [SuggestionsContext](../contexts/suggestions_context.mdx#opensuggestions)_
`openSuggestions` {#opensuggestions}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#setgiphyactive)_
setGiphyActive {#setgiphyactive}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#setinputboxref)_
setInputBoxRef {#setinputboxref}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#setshowmoreoptions)_
setShowMoreOptions {#setshowmoreoptions}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#text)_
text {#text}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#triggersettings)_
`triggerSettings` {#triggersettings}
-
-_overrides the value from [SuggestionsContext](../contexts/suggestions_context.mdx#updatesuggestions)_
`updateSuggestions` {#updatesuggestions}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#additionaltouchableprops)_
additionalTouchableProps {#additionaltouchableprops}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onlongpress)_
onLongPress {#onlongpress}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onpress)_
`onPress` {#onpress}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onpressin)_
onPressIn {#onpressin}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#cardcover)_
CardCover {#cardcover}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#cardfooter)_
CardFooter {#cardfooter}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#cardheader)_
CardHeader {#cardheader}
-
- (
- {
- /** Handler for press action */
- }}
- >
-
- )}
-/>;
-```
-
-## Props
-
-### required
**channel**
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#additionalflatlistprops)_
additionalFlatListProps {#additionalflatlistprops}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#channels)_
channels {#channels}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#error)_
error {#error}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#loadingchannels)_
`loadingChannels` {#loadingchannels}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#loadingnextpage)_
loadingNextPage {#loadingnextpage}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#loadmorethreshold)_
loadMoreThreshold {#loadmorethreshold}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#loadnextpage)_
loadNextPage {#loadnextpage}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#refreshing)_
refreshing {#refreshing}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#refreshlist)_
`refreshList` {#refreshlist}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#reloadlist)_
`reloadList` {#reloadlist}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#setflatlistref)_
setFlatListRef {#setflatlistref}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#emptystateindicator)_
EmptyStateIndicator {#emptystateindicator}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#footerloadingindicator)_
FooterLoadingIndicator {#footerloadingindicator}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#listheadercomponent)_
ListHeaderComponent {#listheadercomponent}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#loadingerrorindicator)_
LoadingErrorIndicator {#loadingerrorindicator}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#loadingindicator)_
LoadingIndicator {#loadingindicator}
-
-required
**lastMessagePreview**
-
-required
**channel**
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#previewavatar)_
PreviewAvatar {#previewavatar}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#previewmessage)_
PreviewMessage {#previewmessage}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#previewstatus)_
PreviewStatus {#previewstatus}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#previewtitle)_
PreviewTitle {#previewtitle}
-
-_overrides the value from [ChannelsContext](../contexts/channels_context.mdx#previewunreadcount)_
PreviewUnreadCount {#previewunreadcount}
-
-required
**channel**
-
-required
**displayName**
-
-Formatted name for the previewed channel.
-
-| Type |
-| ------ |
-| string |
-
-### channel
-
-required
**maxUnreadCount**
-
-required
**unread**
-
-_overrides the value from [ChannelContext](../contexts/channel_context.mdx#disabled)_
disabled {#disabled}
-
- required
**attachment**
-
-Attachment object for `file` type attachment.
-
-| Type |
-| ------ |
-| object |
-
-### `attachmentSize`
-
-Size of an attachment icon. This value gets passed to [`FileAttachmentIcon`](#fileattachmenticon) component.
-
-| Type |
-| ------ |
-| number |
-
-### _overrides the value from [MessagesContext](../contexts/messages_context.mdx#additionaltouchableprops)_
additionalTouchableProps {#additionaltouchableprops}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#attachmentactions)_
AttachmentActions {#attachmentactions}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#fileattachmenticon)_
FileAttachmentIcon {#fileattachmenticon}
-
-required
**messageId**
-
-Id of the current message.
-
-| Type |
-| ------ |
-| string |
-
-### _overrides the value from [MessageContext](../contexts/message_context.mdx#files)_
files {#files}
-
- required
**mimeType**
-
-Mime type for this file attachment. for example `application/pdf`, `audio/mp4` etc.
-
-| Type |
-| ------ |
-| string |
-
-### size
-
-Size of the icon.
-
-| Type |
-| ------ |
-| number |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/file_upload_preview.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/file_upload_preview.mdx
deleted file mode 100644
index 396e0489a7..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/file_upload_preview.mdx
+++ /dev/null
@@ -1,25 +0,0 @@
----
-id: file-upload-preview
-title: FileUploadPreview
----
-
-import FileUploads from '../common-content/contexts/message-input-context/file_uploads.mdx';
-import RemoveFile from '../common-content/contexts/message-input-context/remove_file.mdx';
-import UploadFile from '../common-content/contexts/message-input-context/upload_file.mdx';
-import UploadImage from '../common-content/contexts/message-input-context/upload_image.mdx';
-
-`FileUploadPreview` is the default UI component for rendering a preview of attached file within MessageInput component.
-
-## Props
-
-### _overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#fileuploads)_
`fileUploads` {#fileuploads}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#removefile)_
`removeFile` {#removefile}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#uploadfile)_
`uploadFile` {#uploadfile}
-
- _overrides the value from [MessagesContext](../contexts/messages_context.mdx#additionaltouchableprops)_
additionalTouchableProps {#additionaltouchableprops}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#alignment)_
alignment {#alignment}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#groupstyles)_
`groupStyles` {#groupstyles}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#images)_
images {#images}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#legacyimageviewerswipebehaviour)_
legacyImageViewerSwipeBehaviour {#legacyimageviewerswipebehaviour}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onlongpress)_
onLongPress {#onlongpress}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onpress)_
`onPress` {#onpress}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onpressin)_
onPressIn {#onpressin}
-
-_overrides the value from [OverlayContext](../contexts/overlay_context.mdx#setblurtype)_
setBlurType {#setblurtype}
-
-_overrides the value from [ImageGalleryContext](../contexts/image_gallery_context.mdx#setimage)_
`setImage` {#setimage}
-
-_overrides the value from [OverlayContext](../contexts/overlay_context.mdx#setoverlay)_
`setOverlay` {#setoverlay}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#threadlist)_
`threadList` {#threadlist}
-
-required
**attachment**
-
-Attachment object for `giphy` type attachment.
-
-| Type |
-| ------ |
-| object |
-
-### _overrides the value from [MessagesContext](../contexts/messages_context.mdx#additionaltouchableprops)_
additionalTouchableProps {#additionaltouchableprops}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#handleaction)_
`handleAction` {#handleaction}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onlongpress)_
onLongPress {#onlongpress}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onpress)_
`onPress` {#onpress}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onpressin)_
onPressIn {#onpressin}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#imagegallerycustomcomponents) props_
imageGalleryCustomComponents {#imagegallerycustomcomponents}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#imageuploads)_
`imageUploads` {#imageuploads}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#removeimage)_
`removeImage` {#removeimage}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#uploadimage)_
`uploadImage` {#uploadimage}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#giphyactive)_
giphyActive {#giphyactive}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#hascommands)_
`hasCommands` {#hascommands}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#hasfilepicker)_
hasFilePicker {#hasfilepicker}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#hasimagepicker)_
hasImagePicker {#hasimagepicker}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#opencommandspicker)_
openCommandsPicker {#opencommandspicker}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#selectedpicker)_
`selectedPicker` {#selectedpicker}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#setshowmoreoptions)_
setShowMoreOptions {#setshowmoreoptions}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#showmoreoptions)_
showMoreOptions {#showmoreoptions}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#text)_
text {#text}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#toggleattachmentpicker)_
toggleAttachmentPicker {#toggleattachmentpicker}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#uploadsenabled)_
`uploadsEnabled` {#uploadsenabled}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#attachbutton)_
AttachButton {#attachbutton}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#commandsbutton)_
CommandsButton {#commandsbutton}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#moreoptionsbutton)_
MoreOptionsButton {#moreoptionsbutton}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#alignment)_
alignment {#alignment}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#lastgroupmessage)_
lastGroupMessage {#lastgroupmessage}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#message)_
message {#message}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#additionaltouchableprops)_
additionalTouchableProps {#additionaltouchableprops}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#alignment)_
alignment {#alignment}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#disabled)_
disabled {#disabled}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#formatdate)_
`formatDate` {#formatdate}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#groupstyles)_
`groupStyles` {#groupstyles}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#hasreactions)_
hasReactions {#hasreactions}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#ismymessage)_
isMyMessage {#ismymessage}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#lastgroupmessage)_
lastGroupMessage {#lastgroupmessage}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#members)_
members {#members}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#message)_
message {#message}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#messagecontentorder)_
messageContentOrder {#messagecontentorder}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onlongpress)_
onLongPress {#onlongpress}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onlyemojis)_
`onlyEmojis` {#onlyemojis}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onpress)_
`onPress` {#onpress}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onpressin)_
onPressIn {#onpressin}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#otherattachments)_
`otherAttachments` {#otherattachments}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#showmessagestatus)_
showMessageStatus {#showmessagestatus}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#quotedrepliesenabled)_
quotedRepliesEnabled {#quotedrepliesenabled}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#threadlist)_
`threadList` {#threadlist}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#threadrepliesenabled)_
threadRepliesEnabled {#threadrepliesenabled}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#attachment)_
Attachment {#attachment}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#fileattachmentgroup)_
FileAttachmentGroup {#fileattachmentgroup}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#gallery)_
Gallery {#gallery}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#messagedeleted)_
MessageDeleted {#messagedeleted}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#messagefooter)_
MessageFooter {#messagefooter}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#messageheader)_
MessageHeader {#messageheader}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#messagereplies)_
MessageReplies {#messagereplies}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#messagestatus)_
MessageStatus {#messagestatus}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#reply)_
Reply {#reply}
-
-required
**formattedDate**
-
-DateTime stamp to be shown in footer for deleted message.
-
-| Type |
-| ------ |
-| string |
-
-### required
**groupStyle**
-
-Group styles which is combination of [`alignment`](../contexts/message_context.mdx#alignment) and [`groupStyles`](../contexts/message_context.mdx#groupstyles)
-
-for example `left_bottom`, `left_single`, `right_top`
-
-This prop decides the appropriate border radius to apply for deleted message container.
-
-| Type |
-| ------ |
-| string |
-
-### required
**noBorder**
-
-Weather to show the borders for deleted message or not. By default, this value is computed as follow:
-
-```tsx
-const noBorder = (onlyEmojis && !message.quoted_message) || !!otherAttachments.length;
-```
-
-| Type |
-| ------- |
-| boolean |
-
-
-
-### _overrides the value from [MessageContext](../contexts/message_context.mdx#alignment)_
alignment {#alignment}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#message)_
message {#message}
-
-required
`**formattedDate**`
-
-DateTime stamp to be shown in footer for deleted message.
-
-| Type |
-| ------ |
-| string |
-
-### required
`**isDeleted**`
-
-Weather message is deleted or not. In case of deleted message, `'Only visible to you'` subtext will be rendered in this component.
-
-| Type | Default |
-| ------- | ------- |
-| boolean | false |
-
-### _overrides the value from [MessageContext](../contexts/message_context.mdx#alignment)_
alignment {#alignment}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#lastgroupmessage)_
lastGroupMessage {#lastgroupmessage}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#members)_
members {#members}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#message)_
message {#message}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#otherattachments)_
`otherAttachments` {#otherattachments}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#showmessagestatus)_
showMessageStatus {#showmessagestatus}
-
-
-
-
-
-
-
-```
-
-## Props
-
-:::note
-All the configuration for `MessageInput` can be done on [`Channel`](../core-components/channel.mdx) component.
-Additionally please take a look at our [Guide Section](../guides/message_input_customization.mdx) on how to customize MessageInput UI
-:::
-
-### _overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#cleareditingstate)_
clearEditingState {#cleareditingstate}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#clearquotedmessagestate)_
clearQuotedMessageState {#clearquotedmessagestate}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#closeattachmentpicker)_
closeAttachmentPicker {#closeattachmentpicker}
-
-_overrides the value from [SuggestionsContext](../contexts/suggestions_context.mdx#componenttype)_
`componentType` {#componenttype}
-
-_overrides the value from [ChannelContext](../contexts/channel_context.mdx#disabled)_
disabled {#disabled}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#editing)_
editing {#editing}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#fileuploads)_
`fileUploads` {#fileuploads}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#giphyactive)_
giphyActive {#giphyactive}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#imageuploads)_
`imageUploads` {#imageuploads}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#inputboxref)_
inputBoxRef {#inputboxref}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#isvalidmessage)_
isValidMessage {#isvalidmessage}
-
-_overrides the value from [ChannelContext](../contexts/channel_context.mdx#members)_
members {#members}
-
-_overrides the value from [ChannelContext](../contexts/messages_context.mdx#quotedrepliesenabled)_
quotedRepliesEnabled {#quotedrepliesenabled}
-
-_overrides the value from [SuggestionsContext](../contexts/suggestions_context.mdx#suggestions)_
suggestions {#suggestions}
-
-_overrides the value from [SuggestionsContext](../contexts/suggestions_context.mdx#suggestionstitle)_
`suggestionsTitle` {#suggestionstitle}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#additionaltextinputprops)_
additionalTextInputProps {#additionaltextinputprops}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#asyncids)_
`asyncIds` {#asyncids}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#asyncuploads)_
`asyncUploads` {#asyncuploads}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#maxnumberoffiles)_
maxNumberOfFiles {#maxnumberoffiles}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#mentionedusers)_
`mentionedUsers` {#mentionedusers}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#numberofuploads)_
numberOfUploads {#numberofuploads}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#quotedmessage)_
`quotedMessage` {#quotedmessage}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#removeimage)_
`removeImage` {#removeimage}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#resetinput)_
`resetInput` {#resetinput}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#sending)_
sending {#sending}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#sendmessageasync)_
sendMessageAsync {#sendmessageasync}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#setgiphyactive)_
setGiphyActive {#setgiphyactive}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#showmoreoptions)_
showMoreOptions {#showmoreoptions}
-
-_overrides the value from [ThreadContext](../contexts/message_input_context.mdx#thread)_
thread {#thread}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#uploadnewimage)_
uploadNewImage {#uploadnewimage}
-
-_overrides the value from [ChannelContext](../contexts/channel_context.mdx#watchers)_
watchers {#watchers}
-
-_overrides the value from [ChannelContext](../contexts/messages_context.mdx#reply)_
Reply {#reply}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#fileuploadpreview)_
FileUploadPreview {#fileuploadpreview}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#imageuploadpreview)_
ImageUploadPreview {#imageuploadpreview}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#input)_
Input {#input}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#inputbuttons)_
InputButtons {#inputbuttons}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#sendbutton)_
SendButton {#sendbutton}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#showthreadmessageinchannelbutton)_
ShowThreadMessageInChannelButton {#showthreadmessageinchannelbutton}
-
-
-
-
-
-
-
-```
-
-## Props
-
-### additionalFlatListProps
-
-Set any additional props on underlying [FlatList](https://reactnative.dev/docs/flatlist#props).
-
-```jsx
-const flatListProps = { bounces: true };
-
- (flRef.current = ref)} />;
-```
-
-| Type |
-| -------- |
-| function |
-
-
-
-### FooterComponent
-
-Component to render footer for MessageList component. Since we use inverted FlatList, this component will be rendered at top of the list.
-In absence of this prop, an inline loading indicator will be rendered when channel is loading more results.
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [InlineLoadingMoreIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/InlineLoadingMoreIndicator.tsx) |
-
-### HeaderComponent
-
-Component to render header for MessageList component. Since we use inverted FlatList, this component will be rendered at bottom of the list.
-In absence of this prop, an inline loading indicator will be rendered when channel is loading more results.
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [InlineLoadingMoreRecentIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/InlineLoadingMoreRecentIndicator.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/message_replies.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/message_replies.mdx
deleted file mode 100644
index 22c2416873..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/message_replies.mdx
+++ /dev/null
@@ -1,56 +0,0 @@
----
-id: message-replies
-title: MessageReplies
----
-
-import Alignment from '../common-content/contexts/message-context/alignment.mdx';
-import MessageProp from '../common-content/contexts/message-context/message.mdx';
-import OnLongPress from '../common-content/contexts/message-context/on_long_press.mdx';
-import OnOpenThread from '../common-content/contexts/message-context/on_open_thread.mdx';
-import OnPress from '../common-content/contexts/message-context/on_press.mdx';
-import ThreadList from '../common-content/contexts/message-context/thread_list.mdx';
-
-Component to render thread reply count and avatars of users who thread-replied to a message within the [`MessageList`](./message_list.mdx).
-This is the default component provided to the prop [`MessageReplies`](../core-components/channel.mdx#messagereplies) on the `Channel` component.
-
-## Props
-
-### required
**noBorder**
-
-If true, little curved line next to the reply count won't be rendered.
-
-| Type |
-| ------- |
-| boolean |
-
-### required
**repliesCurveColor**
-
-Color for the curved line next to the reply count.
-
-| Type |
-| ------ |
-| string |
-
-### _overrides the value from [MessageContext](../contexts/message_context.mdx#alignment)_
alignment {#alignment}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#message)_
message {#message}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onlongpress)_
onLongPress {#onlongpress}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onpress)_
`onPress` {#onpress}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#onopenthread)_
onOpenThread {#onopenthread}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#threadlist)_
`threadList` {#threadlist}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#alignment)_
alignment {#alignment}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#message)_
message {#message}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#alignment)_
alignment {#alignment}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#enablemessagegroupingbyuser)_
enableMessageGroupingByUser {#enablemessagegroupingbyuser}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#groupstyles)_
`groupStyles` {#groupstyles}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#hasreactions)_
hasReactions {#hasreactions}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#message)_
message {#message}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#messageavatar)_
MessageAvatar {#messageavatar}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#messagecontent)_
MessageContent {#messagecontent}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#reactionlist)_
ReactionList {#reactionlist}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#message)_
message {#message}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#readeventsenabled)_
readEventsEnabled {#readeventsenabled}
-
-_overrides the value from [MessageContext](../contexts/message_context.mdx#threadlist)_
`threadList` {#threadlist}
-
-)
-
-## Props
-
-### `formatDate`
-
-_overrides the value from [ChannelContext](../contexts/channel_context.mdx#disabled)_
disabled {#disabled}
-
-_overrides the value from [MessageOverlayContext](../contexts/message_overlay_context.mdx#data)_
Data {#data}
-
-_overrides the value from [OverlayContext](../contexts/overlay_context.mdx#setoverlay)_
`setOverlay` {#setoverlay}
-
-_overrides the value from [MessagesContext](../contexts/messages_context.mdx#supportedreactions)_
supportedReactions {#supportedreactions}
-
-required
**showScreen** {#showscreen}
-
-`Shared` value from the React Native Reanimated [`useSharedValue`](https://docs.swmansion.com/react-native-reanimated/docs/api/hooks/useSharedValue/) hook.
-
-| Type |
-| ------ |
-| object |
-
-### overrides the value from [MessagesContext](../contexts/messages_context.mdx#supportedreactions)
supportedReactions {#supportedreactions}
-
-required
**title** {#title}
-
-Title for the component.
-
-| Type |
-| ------ |
-| string |
diff --git a/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/reaction_list.mdx b/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/reaction_list.mdx
deleted file mode 100644
index 5ab43b459b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-3.x.x/ui-components/reaction_list.mdx
+++ /dev/null
@@ -1,91 +0,0 @@
----
-id: reaction-list
-title: ReactionList
----
-
-import Alignment from '../common-content/contexts/message-context/alignment.mdx';
-import OnLongPress from '../common-content/contexts/message-context/on_long_press.mdx';
-import OnPress from '../common-content/contexts/message-context/on_press.mdx';
-import Reactions from '../common-content/contexts/message-context/reactions.mdx';
-import ShowMessageOverlay from '../common-content/contexts/message-context/show_message_overlay.mdx';
-
-import SupportedReactions from '../common-content/core-components/channel/props/supported_reactions.mdx';
-
-`ReactionList` component is used to display the reactions added to a message right on top of it.
-
-This is the default component provided to the prop [`ReactionList`](../core-components/channel.mdx#reactionlist) on the `Channel` component.
-
-## Basic Usage
-
-**Use case**: Override the background color on the reaction list container.
-
-```tsx
-import { Channel, ReactionList } from 'stream-chat-react-native';
-
-const ReactionListWithCustomBackground = () => required
**messageContentWidth** {#messagecontentwidth}
-
-Width of message content. This helps ReactionList align itself on the front-edge of the message content.
-This value gets computed in [`MessageContent`](./message_content.mdx) once the content gets loaded.
-
-| Type |
-| ------ |
-| number |
-
-### overrides the value from [MessageContext](../contexts/message_context.mdx#alignment)
**alignment** {#alignment}
-
-overrides the value from [MessageContext](../contexts/message_context.mdx#onlongpress)
onLongPress {#onlongpress}
-
-overrides the value from [MessageContext](../contexts/message_context.mdx#onpress)
`onPress` {#onpress}
-
-overrides the value from [MessageContext](../contexts/message_context.mdx#reactions)
reactions {#reactions}
-
-overrides the value from [MessageContext](../contexts/message_context.mdx#showmessageoverlay)
showMessageOverlay {#showmessageoverlay}
-
-overrides the value from [MessagesContext](../contexts/messages_context.mdx#supportedreactions)
supportedReactions {#supportedreactions}
-
-overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#editing)
editing {#editing}
-
-overrides the value from [MessageContext](../contexts/message_context.mdx#message)
message {#message}
-
-overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#quotedMessage)
`quotedMessage` {#quotedmessage}
-
-overrides the value from [MessagesContext](../contexts/messages_context.mdx#FileAttachmentIcon)
FileAttachmentIcon {#fileattachmenticon}
-
-overrides the value from [MessagesContext](../contexts/messages_context.mdx#MessageAvatar)
MessageAvatar {#messageavatar}
-
-_overrides the value from [ChannelContext](../contexts/channel_context.mdx#disabled)_
disabled {#disabled}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#giphyactive)_
giphyActive {#giphyactive}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#sendmessage)_
`sendMessage` {#sendmessage}
-
-_overrides the value from [ThreadContext](../contexts/thread_context.mdx#allowthreadmessagesinchannel)_
allowThreadMessagesInChannel {#allowthreadmessagesinchannel}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#sendthreadmessageinchannel)_
sendThreadMessageInChannel {#sendthreadmessageinchannel}
-
-_overrides the value from [MessageInputContext](../contexts/message_input_context.mdx#setsendthreadmessageinchannel)_
setSendThreadMessageInChannel {#setsendthreadmessageinchannel}
-
-
-
-
-
-
-
-```
-
-## Props
-
-### additionalMessageInputProps
-
-Additional [props](./message_input.mdx#props) for underlying `MessageInput` component.
-
-| Type |
-| ------ |
-| object |
-
-### additionalMessageListProps
-
-Additional [props](./message_list.mdx#props) for underlying `MessageList` component.
-
-| Type |
-| ------ |
-| object |
-
-### `autoFocus`
-
-When true, input box will be auto focused upon mounting.
-
-| Type | Default |
-| ------- | ------- |
-| boolean | true |
-
-
-
-### overrides the value from [ChatContext](../contexts/chat_context.mdx#client)
client {#client}
-
-overrides the value from [ThreadContext](../contexts/thread_context.mdx#closeThread)
`closeThread` {#closeThread}
-
-overrides the value from [ThreadContext](../contexts/thread_context.mdx#loadMoreThread)
loadMoreThread {#loadMoreThread}
-
-overrides the value from [ThreadContext](../contexts/thread_context.mdx#reloadThread)
`reloadThread` {#reloadThread}
-
-overrides the value from [ThreadContext](../contexts/thread_context.mdx#thread)
thread {#thread}
-
-
- getInstance
- call will return the initial StreamChat instance. This will prevent you from accidentally creating multiple
-StreamChat instances, opening multiple WebSockets, and driving up your concurrent connections unnecessarily.
-new StreamChat() if desired.
-
-new StreamChat() repeatedly will create new copies of the client and in turn new WebSocket connections when connectUser is called.
-If you are using new StreamChat() you need to be vigilant about your use to ensure you are not creating multiple WebSocket connections unnecessarily.
-
-:::
-
-### Connecting a User
-
-To connect a user a the `connectUser` function should be called and provided with the user object and `user_token`.
-The `user_token` is typically sent from your back end when a user is authenticated.
-
-```ts
-await client.connectUser(
- {
- id: 'testUser',
- name: 'Test User',
- },
- 'user_token',
-);
-```
-
-It is recommended to not repeatedly call `connectUser` unnecessarily, multiple calls to `connectUser` will result in warnings, and attempting to call `connectUser` before disconnecting a current user will throw an Error.
-
-## UI Components
-
-The Stream Chat for React Native UI components handle most interactions with the client for you after connecting with an authenticated user.
-
-### Providing the Client to the UI
-
-To provide the client to the UI components you simply provide the client instance as the prop `client` to the `Chat` component.
-
-```tsx
-import { StreamChat } from 'stream-chat';
-import { Chat } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const Screen = () => {/** App components */} ;
-```
-
-The Stream Chat for React Native UI components then handle interacting with the client internally by accessing the client via [`context`](https://reactjs.org/docs/context.html).
-
-:::note
-
-If you are customizing certain components or functionality you may have to interact with the client as well.
-You can access the client provided to the `Chat` component internally via the `useChatContext`.
-
-
-
-
-```ts
-/**
- * Channel created using a channel id
- */
-const channel = client.channel(channel_type, 'channel_id', {
- name: 'My New Channel',
-});
-```
-
-
-
-
-```ts
-/**
- * Channel created using a members list
- */
-const channel = client.channel(channel_type, {
- members: ['userOne', 'userTwo']
- name: 'My New Channel',
-});
-```
-
-
-
-
-To create a channel on the server you must call `create` or `watch` on a new channel instance.
-`create` will create the channel while `watch` will both create the channel and subscribe the client to updates on the channel.
-
-
-
-
-```ts
-await channel.watch();
-```
-
-
-
-
-```ts
-await channel.create();
-```
-
-
-
-
-### Disconnecting a User
-
-To disconnect a user you can call `disconnect` on the client.
-
-```ts
-await client.disconnectUser();
-```
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/getting_started.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/getting_started.mdx
deleted file mode 100644
index 28d44cbe30..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/getting_started.mdx
+++ /dev/null
@@ -1,283 +0,0 @@
----
-id: getting_started
-sidebar_position: 1
-slug: /
-title: Getting Started
----
-
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
-The Basics section of this documentation introduces the fundamentals of Stream Chat for React Native.
-It will cover installing Stream Chat within your project, give you some troubleshooting tips, and provide an overview of what is possible using the library.
-This should be considered a primer before delving into the UI and Core Components or Customization sections.
-
-## Installation
-
-Your [environment should be setup](https://reactnative.dev/docs/environment-setup) and a project created prior to beginning the installation.
-
-### Add Required dependencies
-
-Install the required packages in your React Native project.
-
-
-
-
-```bash
- yarn add stream-chat-react-native
-```
-
-
-
-
-```bash
- npm install stream-chat-react-native
-```
-
-
-
-
-Stream Chat has a number of peer dependencies that are required to take advantage of all of the out of the box features.
-It is suggested you follow the install instructions for each package to ensure it is properly setup.
-Most if not all of the required packages now support auto-linking so setup should be minimal. Those with known [additional steps](#additional-steps) have been noted.
-
-- [`@react-native-community/cameraroll`](https://github.com/react-native-cameraroll/react-native-cameraroll)
-- [`@react-native-community/netinfo`](https://github.com/react-native-netinfo/react-native-netinfo)
-- [`@stream-io/flat-list-mvcp`](https://github.com/GetStream/flat-list-mvcp)
-- [`react-native-document-picker`](https://github.com/rnmods/react-native-document-picker)
-- [`react-native-fs`](https://github.com/itinance/react-native-fs)
-- [`react-native-gesture-handler`](https://github.com/software-mansion/react-native-gesture-handler)
-- [`react-native-haptic-feedback`](https://github.com/junina-de/react-native-haptic-feedback)
-- [`react-native-image-crop-picker`](https://github.com/ivpusic/react-native-image-crop-picker)
-- [`react-native-image-resizer`](https://github.com/bamlab/react-native-image-resizer)
-- [`react-native-reanimated`](https://github.com/software-mansion/react-native-reanimated)
-- [`react-native-safe-area-context`](https://github.com/th3rdwave/react-native-safe-area-context)
-- [`react-native-share`](https://github.com/react-native-share/react-native-share)
-- [`react-native-svg`](https://github.com/react-native-svg/react-native-svg)
-
-
-
-
-```bash
-yarn add @react-native-community/cameraroll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg
-```
-
-
-
-
-```bash
-npm install @react-native-community/cameraroll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg
-```
-
-
-
-
-For iOS on a Mac install the pods `npx pod-install ios`.
-
-#### Version compatibilities
-
-To be able to use the Stream Chat React Native SDK, a few dependencies must meet the following version requirements:
-
-| react-native | stream-chat-react-native (min required) | react-native-reanimated (min required) |
-| ------------ | --------------------------------------- | -------------------------------------- |
-| 0.69 | 4.13.0 | 2.9.1 |
-| 0.68 | 4.11.0 | 2.7.0 |
-| 0.67 | 4.2.0 | 2.4.0 |
-| 0.66 | 3.9.0 | 2.2.3 |
-| 0.65 | 3.9.0 | 2.2.1 |
-| 0.64 | 3.6.2 | 2.2.0 |
-| 0.63 | 3.0.0 | 2.2.0 |
-
-### Additional Steps
-
-For some of the packages listed below, there are additional steps required to setup the package:
-
-- `react-native-reanimated` - [additional installation steps](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation)
-
- Add Reanimated babel plugin to your babel.config.js:
-
- ```js
- module.exports = {
- ...
- plugins: [
- ...
- 'react-native-reanimated/plugin',
- ],
- };
- ```
-
-- `react-native-gesture-handler` - [additional installation steps](https://docs.swmansion.com/react-native-gesture-handler/docs/#android)
-
- RNGH requires the package to be imported at the **top of the entry file** before anything else, this is usually your `App.tsx` or `index.js` file.
-
- ```tsx
- import 'react-native-gesture-handler';
- import { AppRegistry } from 'react-native';
-
- import App from './App';
- import { name as appName } from './app.json';
-
- AppRegistry.registerComponent(appName, () => App);
- ```
-
- Also wrap your entry point with `` or `gestureHandlerRootHO`
-
- ```jsx
- import { GestureHandlerRootView } from 'react-native-gesture-handler';
- import { OverlayProvider } from 'stream-chat-react-native';
-
- export default function App() {
- return (
-
- {/* Your app code goes here */}
-
- );
- }
- ```
-
- Please take a look at our Example Application for reference.
-
-- `react-native` - [additional installation steps](https://reactnative.dev/docs/image#gif-and-webp-support-on-android)
-- `react-native-image-crop-picker` - [additional installation steps](https://github.com/ivpusic/react-native-image-crop-picker#step-3)
-- `react-native-cameraroll` - [additional installation steps](https://github.com/react-native-cameraroll/react-native-cameraroll#permissions)
-
-:::note
-
-If you are planning to use file picker functionality, make sure you enable iCloud capability in your app - [Enable iCloud capability](https://camo.githubusercontent.com/ac300ca7e3bbab573a76c151469a89efd8b31e72/68747470733a2f2f33313365353938373731386233343661616638332d66356538323532373066323961383466373838313432333431303338343334322e73736c2e6366312e7261636b63646e2e636f6d2f313431313932303637342d656e61626c652d69636c6f75642d64726976652e706e67)
-
-:::
-
-### Add Optional Dependencies
-
-#### Video playing support
-
-Install `react-native-video` in your React Native project.
-
-> Available in stream-chat-react-native >= v4.7.0
-
-Installing this package allows you to play the video files/attachments in the chat. Otherwise by default, video files will be opened in default browser of the device.
-
-
-
-
-```bash
-yarn add react-native-video
-```
-
-
-
-
-```bash
-npm install react-native-video
-```
-
-
-
-
-We require [ExoPlayer](https://github.com/google/ExoPlayer) to be the media player on Android. To make `react-native-video` to use ExoPlayer, add the following in `android/settings.gradle`:
-
-```
-include ':react-native-video'
-project(':react-native-video').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-video/android-exoplayer')
-```
-
-### AndroidX Support
-
-> AndroidX is a major step forward in the Android ecosystem, and the old support library artifacts are being deprecated.
-> For 0.60, React Native has been migrated over to AndroidX.
-> This is a breaking change, and your native code and dependencies will need to be migrated as well.
-
-(Reference: )
-
-Dependencies such as `react-native-document-picker`, `react-native-gesture-handler`, and `react-native-reanimated` don't have AndroidX support.
-But an awesome tool named [jetifier](https://github.com/mikehardy/jetifier) is quite useful to patch these dependencies with AndroidX support.
-
-## Expo Installation
-
-Stream Chat for React Native is set up for parity on Expo, expo requires a different set of dependencies than bare React Native, in your project directory run.
-
-### Add Required Dependencies
-
-```bash
-expo install stream-chat-expo
-expo install @react-native-community/netinfo expo-document-picker expo-file-system expo-haptics expo-image-manipulator expo-image-picker expo-media-library expo-sharing react-native-gesture-handler react-native-reanimated react-native-safe-area-context react-native-svg
-```
-
-### Additional Steps
-
-For some of the packages listed below, there are additional steps required to setup the package:
-
-- `react-native-reanimated` - [additional installation steps](https://docs.expo.dev/versions/latest/sdk/reanimated/#installation)
-
- Add Reanimated babel plugin to your babel.config.js:
-
- ```js
- module.exports = {
- ...
- plugins: [
- ...
- 'react-native-reanimated/plugin',
- ],
- };
- ```
-
-- `react-native-gesture-handler` - [additional installation steps](https://docs.expo.dev/versions/latest/sdk/gesture-handler/#api)
-
- RNGH requires the package to be imported at the **top of the entry file** before anything else, this is usually your `App.tsx` or `index.js` file.
-
- ```tsx
- import 'react-native-gesture-handler';
- import { AppRegistry } from 'react-native';
-
- import App from './App';
- import { name as appName } from './app.json';
-
- AppRegistry.registerComponent(appName, () => App);
- ```
-
- Also wrap your entry point with `` or `gestureHandlerRootHO`
-
- ```jsx
- import { GestureHandlerRootView } from 'react-native-gesture-handler';
- import { OverlayProvider } from 'stream-chat-react-native';
-
- export default function App() {
- return (
-
- {/* Your app code goes here */}
-
- );
- }
- ```
-
-### Add Optional Dependencies
-
-#### Video playing support
-
-Install `expo-av` in your React Native project.
-
-> Available in stream-chat-expo >= v4.7.0
-
-Installing this package allows you to play the video files/attachments in the chat. Otherwise by default, video files will be opened in default browser of the device.
-
-```bash
-expo install expo-av
-```
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/hello_stream_chat.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/hello_stream_chat.mdx
deleted file mode 100644
index 48c886ee2d..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/hello_stream_chat.mdx
+++ /dev/null
@@ -1,549 +0,0 @@
----
-id: hello_stream_chat
-sidebar_position: 2
-title: Hello Stream Chat
----
-
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
-import channelList from '../assets/basics/hello-stream-chat/channel_list.png';
-import messageInput from '../assets/basics/hello-stream-chat/message_input.png';
-import messageList from '../assets/basics/hello-stream-chat/message_list.png';
-import summary from '../assets/basics/hello-stream-chat/summary.png';
-import thread from '../assets/basics/hello-stream-chat/thread.png';
-
-Adding feature rich chat to a React Native application can be quite challenging when starting from scratch.
-There are many considerations, states, and edge cases that need accounting for, styling, message grouping, read states, context menus, etc. all add to the complexity of the challenge.
-Stream Chat for React Native provides an easy to implement flexible solution.
-
-Stream Chat for React Native provides a way to add chat to an existing or new application with very little code.
-The library was built with flexibility and customization in mind, starting with the out of the box form and function one would expect from a chat app you can modify the UI and UX as desired.
-
-Before starting make sure you have installed `stream-chat-react-native` as directed in the [getting started](/chat/docs/sdk/reactnative) guide.
-
-## Creating a Chat Client
-
-Stream Chat for React Native uses [`stream-chat`](https://github.com/GetStream/stream-chat-js), Stream's JavaScript client, to interact with Stream's chat services.
-`stream-chat` is a dependency of Stream Chat for React Native so it is can be used once `stream-chat-react-native` is installed.
-
-To start you must get an instance of Stream Chat, for this you will need an API key.
-To create one you can sign up for a [free 30-day trial](https://getstream.io/chat/trial/) of Stream Chat, no CC is required.
-
-```ts
-import { StreamChat } from 'stream-chat';
-
-const client = StreamChat.getInstance('api_key');
-```
-
-There are multiple ways to access the client throughout your application. You can store the client in a [`context`](https://reactjs.org/docs/context.html).
-Create your own class. Or using the Singleton structure you can call `getInstance` when required.
-
-## Connecting a User
-
-Tokens are used to authenticate a user.
-Typically, you send this token from your backend to the client when a user registers or logs in.
-See the [Tokens & Authentication](https://getstream.io/chat/docs/javascript/tokens_and_authentication/) documentation to learn more about creating tokens.
-You can use a [developer token](https://getstream.io/chat/docs/javascript/tokens_and_authentication/?language=javascript#developer-tokens) if desired, but for the purpose of this guide it will be assumed you have created and retrieved a `user_token`.
-
-To connect a user the `connectUser` function should be called and provided with the user object and `user_token`.
-Connecting a user could be done in the login flow or elsewhere in the application after the client is instantiated.
-
-```ts
-await client.connectUser(
- {
- id: 'jlahey',
- name: 'Jim Lahey',
- image: 'https://i.imgur.com/fR9Jz14.png',
- },
- 'user_token',
-);
-```
-
-It is recommended to not repeatedly call `connectUser` unnecessarily, multiple calls to `connectUser` will result in warnings, and attempting to call `connectUser` before disconnecting a current user will throw an Error.
-
-To disconnect a user you can call `disconnectUser` on the client.
-
-```ts
-await client.disconnectUser();
-```
-
-## Creating a Channel
-
-Channels are at the core of Stream Chat, they are where messages are contained, sent, and interacted with.
-Before delving into the UI components a channel is needed that can be displayed.
-Let’s start by initializing one.
-
-A [channel type](https://getstream.io/chat/docs/javascript/creating_channels#channel-data) is required for creating a channel and controls the settings for a given channel.
-There are 5 default types of channels.
-
-- `commerce`
-- `gaming`
-- `livestream`
-- `messaging`
-- `team`
-
-These five options provide you with sensible defaults for the named use cases.
-You can also define custom channel types if Stream Chat defaults don’t work for your use case.
-
-A channel must be initialized with either an `id` or a list of members for the channel.
-If you provide a list of members an `id` will be auto-generated on backend for the channel.
-
-:::note
-
-You can't add or remove members from channel created using a list of members.
-
-:::
-
-You can also add additional custom data to a channel.
-You can add as many custom fields as you desire as long as the total size of the custom fields object is _less than 5KB_.
-
-For the purpose of this guide you should create a `channel` as you see fit utilizing either a members list that includes your user's `id`, or a channel `id`.
-**This can be done once, then the code removed** as this guide will not be covering on the fly channel creation.
-
-
-
-
-```ts
-/**
- * Channel created using a channel id
- */
-const channel = client.channel('messaging', 'the_park', {
- name: 'The Park',
-});
-```
-
-
-
-
-```ts
-/**
- * Channel created using a members list
- */
-const channel = client.channel('messaging', {
- members: ['jlahey', 'rlafleur'],
- name: 'The Park',
-});
-```
-
-
-
-
-To create this channel on the server you must call `create` on the new channel instance.
-
-```ts
-await channel.create();
-```
-
-:::note
-
-For on the fly channel creation you would instead call the `watch` function on the channel as this both creates the channel and subscribes the client to channel updates.
-
-:::
-
-## Configuring UI Components
-
-Now that you have a `client` instance, a user set, and a channel created on the server you can setup your project to use the UI components.
-
-All major `stream-chat-react-native` components rely on `contexts` to function properly.
-The UI and functionality are heavily controlled by a number of components that contain [`Providers`](https://reactjs.org/docs/context.html#contextprovider) to give access to these `contexts`.
-
-### Overlay Provider
-
-The `OverlayProvider` is the highest level of the Stream Chat components.
-The `OverlayProvider` allows users to interact with messages on long press above the underlying views, use the full screen image viewer, and use the `AttachmentPicker` as a keyboard-esk view.
-
-The `OverlayProvider` can be used with no props provided but there are a plethora of props for customizing the components in the overlay.
-
-For additional information on the `OverlayProvider` check the [OverlayProvider docs](../core-components/overlay_provider.mdx) for detailed usage instructions, including how to properly use the `OverlyProvider` with [React Navigation](https://reactnavigation.org/).
-
-```tsx
-import { OverlayProvider } from 'stream-chat-react-native';
-
-export const Screen = () => {/** App components */} ;
-```
-
-### Chat
-
-`Chat` is the next level down of context component from `OverlyProvider` that is required for `stream-chat-react-native` to function as designed.
-You can choose to wrap your entire application in `Chat` similar to what is required for the `OverlayProvider` or you can implement `Chat` at the screen level.
-`Chat` has one required prop, `client`, which is the instance of `StreamChat` [you created](#creating-a-chat-client).
-
-For additional information on the `Chat` component check the [Chat component docs](../core-components/chat.mdx) for detailed usage instructions, including how to provide theming and translations to the app.
-
-
-
-
-```tsx {8-10}
-import { StreamChat } from 'stream-chat';
-import { Chat, OverlayProvider } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const App = () => (
-
- {/** App components */}
-
-);
-```
-
-
-
-
-```tsx
-import { StreamChat } from 'stream-chat';
-import { Chat } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const Screen = () => {/** App components */} ;
-```
-
-```tsx {6}
-import { OverlayProvider } from 'stream-chat-react-native';
-import { Screen } from './Screen';
-
-export const App = () => (
-
-
-);
-```
-
-
-
-
-## Channel List
-
-
-
-
-Stream Chat for React Native provides a `ChannelList` component out of the box for displaying a list of channels.
-`ChannelList` can be used with no props and will return all of the channels the set user has access to.
-To functionally use the `ChannelList` an `onSelect` prop should be provided.
-The `onSelect` function is called with the selected `Channel` instance and can then be used to react to the user interaction, for example store the `Channel` in state and navigate to the appropriate channel screen.
-
-For additional information on the `ChannelList` component check the [ChannelList component docs](../core-components/channel_list.mdx), these include instructions on how to filter and sort the `ChannelList`.
-
-The `ChannelList` should be implemented inside of the UI components [previously configured](#configuring-ui-components) to provide the appropriate `contexts`.
-For the purpose of this guide the example implementation will continue to be given in a single component with the assumption that the client has already been instantiated, a user connected, and a channel the user has access to exists.
-
-
-
-
-
-
-
-);
-```
-
-These three components in conjunction will provide a [`FlatList`](https://reactnative.dev/docs/flatlist) of all channels available to the connected user.
-
-## Channel
-
-When creating a chat screen it is required that the `Channel` component wrap the `stream-chat-react-native` components being used.
-`Channel` provides multiple `contexts` to the enclosed components and allows for modification and replacement of many of the components.
-Channel is the major entry point for modifying the look and feel of your chat application.
-
-For additional information on the `Channel` component, how to modify various features, adjusting for keyboard offsets, and more, check the [Channel component docs.](../core-components/channel.mdx)
-
-The `Channel` component does not require any props, but will not function as desired without the `channel` prop being provided.
-The `channel` prop expects a `StreamChat` `Channel` instance.
-This can be created [as you did previously](#creating-a-channel), pulled directly from the `client.activeChannels`, or conveniently stored when a channel is selected from the `ChannelList`.
-
-```tsx {8,13-19}
-import React, { useState } from 'react';
-import { Channel as ChannelType, StreamChat } from 'stream-chat';
-import { ChannelList, Chat, OverlayProvider } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const App = () => {
- const [channel, setChannel] = useState();
-
- return (
-
-
- {channel ? {/** App components */} :
-
- );
-};
-```
-
-### Message List
-
-
-
-
-The `Channel` component on it's own will not provide any UI.
-For this additional components are required, most notably the `MessageList` component.
-`MessageList` has no required props, and when used in concert with the `Channel` component should function properly out of the box.
-
-For additional information on the `MessageList` component, how to pass props to the underlying [`FlatList`](https://reactnative.dev/docs/flatlist), or use the `MessageList` for threads, check the [MessageList component docs.](../ui-components/message_list.mdx)
-
-
-
-
();
-
- return (
-
-
- {channel ? (
-
-
- ) : (
-
-
- );
-};
-```
-
-### Message Input
-
-
-
-
-A chat app needs to be able to send messages, and for this Stream Chat for React Native provides a `MessageInput` component.
-Similar to the `MessageList` component `MessageInput` has no required props.
-Adding it to the app is as simple as rendering it below the `MessageList`.
-
-Be sure to set the `keyboardVerticalOffset` on `Channel` to the appropriate height based off any header spacing.
-As there is currently no header the `keyboardVerticalOffset` can be set to `0`.
-
-For additional information on the `MessageInput` component, how to modify it using `context`, or designate it for thread use via the `threadList` prop, check the [MessageInput component docs.](../ui-components/message_input.mdx)
-
-
-
-
();
-
- return (
-
-
- {channel ? (
-
-
- ) : (
-
-
- );
-};
-```
-
-This small code snippet is enough to render a list of channels and swap them out for a functional and feature rich message list and input when one is selected.
-
-### Thread
-
-
-
-
-There is one more high level component that Stream Chat for React Native provides out of the box, and that is `Thread`.
-Stream Chat supports threaded messages, and the `MessageList` supplies a UI for threads out of the box.
-But as a thread on a mobile messaging app generally exists in a separate screen it is up to you to handle thread selection and subsequent navigation in your implementation.
-`Thread` has no required props as it relies heavily on `context` to function.
-The simple code snippet can be extended to include `Thread` and keep track of a `thread` state similarly to `channel` by utilizing the `onThreadSelect` prop on the `MessageList`.
-The code snippet now has a fully functional `ChannelList`, `MessageList`, and `threadList`, although currently it provides no way to _back_ out of the sudo-navigation.
-
-For additional information on the `Thread` component, such as how to use `onThreadDismount` to manage your `thread` state, check the [Thread component docs.](../ui-components/thread.mdx)
-
-
-
-
();
- const [thread, setThread] = useState();
-
- return (
-
-
- {channel ? (
-
- {thread ? (
-
- ) : (
-
-
- );
-};
-```
-
-## Summary
-
-- You need a `client` that is an instance of `StreamChat` to provide to the UI components so they function correctly.
-
-- You need to connect a user via the `connectUser` call to interact with the backend properly.
- To do this you need to create tokens as per the [Tokens & Authentication](https://getstream.io/chat/docs/javascript/tokens_and_authentication/) docs.
-
-- You need to surround your app with the `OverlayProvider` for the UI to function properly, and your app or chat screen with the `Chat` component to provide data to the UI components.
-
-- `ChannelList` provides access to the list of available channels in the UI, and using props, can be queried, filtered, and sorted as desired.
- `ChannelList` also provides convenient functionality for implementing navigation to a selected `Channel`.
-
-- The `Channel` component is the functional wrapper of the `MessageList`, `MessageInput`, and `Thread` components.
- It is the access point for the majority of the customization of the SDK, and controls much of the functionality.
-
-### Hello Stream Chat
-
-
-
-
-Putting everything covered together into a single functional component most of the Stream Chat for React Native SDK can be tested with a few additional setup.
-
-The final sample code:
-
-- Adds a `useEffect` to connect the user on mount and render the UI when ready.
-- Adds a `back` button for sudo-navigation by resetting the states of `thread` and `channel` when appropriate.
-- Adds a `View` around the `Chat` component with style `flex: 1` to allow `Chat` to adjust for the `back` button height, and an empty `Thread` component to layout properly.
-- Adjusts the `topInset` and `keyboardVerticalOffset` to account for the `back` button height.
-
-These additions result in a small but functional chat sample app.
-
-
-
-
();
- const [clientReady, setClientReady] = useState(false);
- const [thread, setThread] = useState();
-
- useEffect(() => {
- const setupClient = async () => {
- try {
- await client.connectUser(
- {
- id: 'jlahey',
- name: 'Jim Lahey',
- image: 'https://i.imgur.com/fR9Jz14.png',
- },
- 'user_token',
- );
- setClientReady(true);
- } catch (e) {
- console.log(e);
- }
- };
-
- setupClient();
- }, []);
-
- const onBackPress = () => {
- if (thread) {
- setThread(undefined);
- } else if (channel) {
- setChannel(undefined);
- }
- };
-
- if (!clientReady) return null;
-
- return (
-
-
- {channel && Back }
-
-
-
- {channel ? (
-
- {thread ? (
-
- ) : (
-
-
-
- );
-};
-```
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/limitations.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/limitations.mdx
deleted file mode 100644
index 81a829c205..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/limitations.mdx
+++ /dev/null
@@ -1,31 +0,0 @@
----
-id: limitations
-sidebar_position: 7
-title: Limitations
----
-
-Stream Chat for React Native allows for a vast a amount of customization.
-The theme, components, and functionality can almost all be modified or replaced.
-But it is important to remember **not all use cases are supported out of the box**.
-
-## Customizations
-
-For some use cases you will have to replace our components with ones you create yourself.
-Custom UI components are mostly provided as props on the `Channel` component and propagated throughout the UI via context.
-Some many need to be provided to other components such as `OverlayProvider` or `MessageList`, but `Channel` is the most common entry point for customizations.
-
-Most components when rendered receive very few props, instead the components operate independently of props by utilizing contexts themselves.
-When creating a custom component we strongly suggest you look at the source code on GitHub for the component you are replacing.
-This will not only give you a better idea of what contexts we are using to achieve the current UI, but also insight into any internal logic that may be taking place in the component that you may want to maintain.
-
-We use custom memoization equality checks on many components to limit unnecessary re-renders, replicating these memoization checks to fit the needs of your custom component will help in maintaining performance.
-This is particularly important inside of messages as many are rendered in a single message list, a change that triggers a re-render across all messages will be computationally expensive.
-
-## Platforms
-
-It is important to remember that when using React Native that there may be platform specific differences as the platform specific SDKs are being utilized.
-If you are using [Expo](https://expo.io/) there may be even more differences.
-We highly suggest you test on both platforms to ensure you are seeing consistent results.
-
-Libraries such as [React Native Gesture Handler](https://docs.swmansion.com/react-native-gesture-handler/docs/), which we make use of, often function slightly differently on iOS and Android.
-If you are creating customizations that may overlap with React Native Gesture Handler usage you should once again look at the source code on GitHub for the component you are replacing to see if you need platform specific code.
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/stream_chat_with_navigation.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/stream_chat_with_navigation.mdx
deleted file mode 100644
index 0f78f099aa..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/stream_chat_with_navigation.mdx
+++ /dev/null
@@ -1,301 +0,0 @@
----
-id: stream_chat_with_navigation
-sidebar_position: 3
-title: Stream Chat with Navigation
----
-
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
-Stream Chat for React Native provides many features out of the box that require positioning on the screen in a certain manor to result in the desired UI.
-The `AttachmentPicker`, `ImageGallery`, and `MessageOverlay`, all need to be rendered in front of other components to have the desired effect.
-All of these elements are controlled by the `OverlayProvider`, when used together with navigation considerations need to be taken in how these will appear.
-
-The guidance provided makes the assumption you are using [React Navigation](https://reactnavigation.org/) in your app in conjunction with [`createStackNavigator`](https://reactnavigation.org/docs/stack-navigator/).
-
-:::note
-
-**If you are using another navigation solution, or utilizing [`createNativeStackNavigator`](https://reactnavigation.org/docs/native-stack-navigator/), other considerations will need to be taken depending on your navigation arrangement.**
-
-createNativeStackNavigator uses the native APIs UINavigationController on iOS and
- Fragment
- on Android. The OverlayProvider needs to exist in a view that can render content in front of the
-chat screen. Therefore using a fullScreenModal with createNativeStackNavigator, which uses
- UIModalPresentationFullScreen
- on iOS and modal on Android, to render your chat screen will leave the OverlayProvider rendered
-behind the chat. If you are having issues we suggest you get in touch with support and we can find a solution to your
-specific navigation arrangement.
-
-:::
-
-## Navigation Container
-
-The [`NavigationContainer`](https://reactnavigation.org/docs/navigation-container/) manages the apps state in React Navigation.
-Nested navigators and screens all exist within the container.
-To ensure the `OverlayProvider` can render content above all of these screens, headers, tab-bars, etc. the `OverlayProvider` must be rendered around them.
-
-[As noted in Hello Stream Chat](./hello_stream_chat.mdx#chat) the `Chat` component can either surround the entire application or be rendered locally on a screen.
-You can choose whatever suits your needs best, theming, connection handling, and translations are all handled out of the box in the `Chat` component; and this may be a consideration in where in the app you want this component to be rendered.
-
-:::note
-
-Having it higher in the _stack_ helps to ensure it is not unmounted at times when a connection is present.
-If `Chat` is unmounted with a connection present you may have to implement some connection handling functions yourself to ensure you reconnect when the app is, for instance, reopened from the background.
-The WebSocket connection closes on it's own approximately 15 seconds after the app is put into background.
-Not handling the connection on [`appState`](https://reactnative.dev/docs/appstate) changes will also effect [how Stream Chat handles Push Notifications](../guides/push_notifications_v2.mdx).
-
-:::
-
-
-
-
-```tsx
-import React from 'react';
-import { NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-import { Chat, OverlayProvider } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-const Stack = createStackNavigator<{ home: undefined }>();
-
-export const App = () =>
-
-
-
-
- {/** App components */})} name='home' />
-
-
-
- ;
-```
-
-
-
-
-```tsx
-import { StreamChat } from 'stream-chat';
-import { Chat } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-
-export const Screen = () => {/** App components */} ;
-```
-
-```tsx
-import React from 'react';
-import { NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-import { OverlayProvider } from 'stream-chat-react-native';
-import { Screen } from './Screen';
-
-const Stack = createStackNavigator<{ home: undefined }>();
-
-export const App = () => (
-
-
-
-
-
-
-);
-```
-
-
-
-
-## Keyboard
-
-The `Channel` component contains a `KeyboardCompatibleView` that, like [the standard React Native `KeyboardAvoidingView`](https://reactnative.dev/docs/keyboardavoidingview), needs a `keyboardVerticalOffset` to account for distance between the top of the user screen and the react native view.
-This height in most cases with React Navigation in conjunction with Stream Chat is the header height of React Navigation.
-This can be accessed from React Navigation using the `useHeaderHeight` hook from `@react-navigation/stack`, and given as a prop to `Channel`.
-
-```tsx
- const headerHeight = useHeaderHeight();
-
-
-```
-
-## Attachment Picker
-
-The `AttachmentPicker` is a keyboard-esk view that allows a user to attach photos and files.
-Part of the construction of the `AttachmentPicker` is a bottom-sheet provided by the `OverlayProvider`.
-This bottom-sheet provides a grid of images in a scroll-able list that can be lifted up to make selecting images easier.
-The placement of the `AttachmentPicker` is dependant on two values, the `bottomInset` and the `topInset`.
-
-### Top Inset
-
-`topInset` is used to determine how high the scroll-able bottom-sheet can go when opened.
-`topInset` defaults to 0 and covers the entire screen, or it can be set to the [top safe area inset](https://reactnavigation.org/docs/handling-safe-area/#use-the-hook-for-more-control) if desired.
-The most common choice when using React Navigation is to get the header height using the `useHeaderHeight` hook from `@react-navigation/stack` and set the top inset to the given height for a nice visual result where the picker open to the header.
-
-```tsx
-const headerHeight = useHeaderHeight();
-const { setTopInset } = useAttachmentPickerContext();
-
-useEffect(() => {
- setTopInset(headerHeight);
-}, [headerHeight]);
-```
-
-:::note
-
-`topInset` can be set via props on the `OverlayProvider`, or set via the `setTopInset` function provided by the `useAttachmentPickerContext` hook.
-
-:::
-
-### Bottom Inset
-
-`bottomInset` is used to adjust the height of the `AttachmentPicker` menu to align properly with the bottom-sheet when open.
-This is the height between the bottom of the `MessageInput` container and the bottom of the screen.
-If you are displaying the chat screen without a tab-bar it is most likely the bottom inset is the [bottom safe area inset](https://reactnavigation.org/docs/handling-safe-area/#use-the-hook-for-more-control).
-If you are using a bottom tab-bar you can utilize the `useBottomTabBarHeight` hook from `@react-navigation/bottom-tabs` to get the appropriate height to use.
-
-```tsx {11,15}
-import React from 'react';
-import { NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Chat, OverlayProvider } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-const Stack = createStackNavigator<{ home: undefined }>();
-
-export const Nav = () => {
- const { bottom } = useSafeAreaInsets();
-
- return (
-
-
-
-
- {/** App components */})} name='home' />
-
-
-
-
- );
-};
-```
-
-```tsx
-import React from 'react';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-import { Nav } from './Nav';
-
-export const App = () => (
-
-
-);
-```
-
-:::note
-
-`bottomInset` can be set via props on the `OverlayProvider`, or set via the `setBottomInset` function provided by the `useAttachmentPickerContext` hook.
-
-:::
-
-### Resetting Selected Images
-
-The selected images in the `AttachmentPicker` are tightly coupled to the `MessageInput`.
-As there is only one `AttachmentPicker` in the navigation stack, but multiple `MessageInput`'s can exist, there are details around the setup that must be implemented correctly.
-For the typical navigation setup clearing the selected images is handled out of the box.
-For this to function properly your usage of the `Channel` component must include the usage of `thread` when appropriate.
-Failing to do this will result in unintentional behavior, such as excess image uploads as the selected images will be uploaded twice when selected if the `thread` state is not properly kept.
-
-In more complex scenarios where more than one `Channel` could potentially be rendered in multiple tabs a different approach would be necessary.
-It is suggested that you architect an approach best for your specific scenario.
-
-The `setSelectedImages` function can be pulled off of the `useAttachmentPickerContext` for granular control of the `AttachmentPicker` images.
-
-## Image Gallery
-
-The `ImageGallery` is populated by the `MessageList` component.
-`MessageList` utilizes information provided by both the `ThreadContext` and `threadList` prop to determine if the `ImageGallery` should be updated.
-If there is both a `thread` provided by the `ThreadContext` and the `threadList` prop is `true` on `MessageList`, or both values are falsy, the `ImageGallery` is updated appropriately.
-
-In practice this means that if you implement a screen for the main `Channel`, and another for `Thread` that is navigated to `onThreadSelect`, you need to indicate to the main `Channel` it should not update the `ImageGallery` while the `Thread` screen is present.
-To do this the main `Channel` component should be given the appropriate `thread` when the `Thread` screen shown, then the `thread` removed when navigating back to the main `Channel` screen.
-
-This can be done by keeping the current `thread` in a `context` and setting it `onThreadSelect`, then removing it `onThreadDismount`.
-Alternatively if a user only has a single path to and from the `Channel` screen to the `Thread` screen and back you can accomplish the same result using a local state and the [`useFocusEffect`](https://reactnavigation.org/docs/use-focus-effect/) hook from React Navigation.
-
-
-
-
-```tsx
-export const ThreadScreen = () => {
- const { channel } = useAppChannel();
- const { setThread, thread } = useAppThread();
-
- return (
-
- setThread(undefined)} />
-
- );
-};
-```
-
-```tsx
-export const ChannelScreen = () => {
- const { channel } = useAppChannel();
- const { setThread, thread } = useAppThread();
-
- return (
-
- {
- setThread(selectedThread);
- navigation.navigate('ThreadScreen');
- }}
- />
-
- );
-};
-```
-
-
-
-
-```tsx
-export const ChannelScreen = () => {
- const { channel } = useAppChannel();
- const [selectedThread, setSelectedThread] = useState();
-
- useFocusEffect(() => {
- setSelectedThread(undefined);
- });
-
- return (
-
- {
- setSelectedThread(thread);
- navigation.navigate('ThreadScreen', { thread });
- }}
- />
-
- );
-};
-```
-
-
-
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/translations.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/translations.mdx
deleted file mode 100644
index fc20fa89b0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/translations.mdx
+++ /dev/null
@@ -1,426 +0,0 @@
----
-id: translations
-sidebar_position: 4
-title: Adding Internationalization (i18n)
----
-
-If you deploy your app to users who speak another language, you'll need to internationalize it.
-Stream’s Chat Client provides the option to translate the user-created contents of messages in addition to the UI.
-The React Native SDK's UI Components are available in multiple languages out-of-the-box.
-At the moment we support the following languages (and more will be added in the future):
-
-- [English (en)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/en.json)
-- [French (fr)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/fr.json)
-- [Hindi (hi)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/hi.json)
-- [Italian (it)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/it.json)
-- [Dutch (nl)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/nl.json)
-- [Turkish (tr)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/tr.json)
-- [Russian (ru)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/ru.json)
-- [Japanese (ja)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/ja.json)
-- [Korean (ko)](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/ko.json)
-
-## Usage
-
-The `Streami18n` provides static translations for React Native components from the Stream Chat SDK.
-`Streami18n` is a class that uses a configuration of [i18next](https://www.i18next.com/) with a subset of the functionality exposed.
-`Streami18n` is provided by `stream-chat-react-native` and can be imported from the library.
-
-The only step you need to start using `Streami18n` is to create an instance of the class.
-
-```tsx
-const streami18n = new Streami18n();
-```
-
-`Streami18n` will default to English (en). If you choose to use the default English settings with Day.js you do
-not need to deal directly with an instance of `Streami18n`, this is taken care of for you.
-
-If you choose to change the language, translation, or date handling, you will need to provide your modified instance of `Streami18n` to the component library.
-Two components require your custom instance of `Streami18n` to properly pass your translation and time-date functions to the component library, `OverlayProvider` and `Chat`.
-Both components accept an instance of `Streami18n` via the prop `i18nInstance`.
-Providing this prop will provide your instance of `Streami18n` to all of the components via [`context`](https://reactjs.org/docs/context.html) instead of the default instance.
-
-```tsx {5,8-9}
-import { StreamChat } from 'stream-chat';
-import { Chat, OverlayProvider, Streami18n } from 'stream-chat-react-native';
-
-const client = StreamChat.getInstance('api_key');
-const streami18n = new Streami18n();
-
-export const App = () => (
-
-
- {/** App components */}
-
-
-);
-```
-
-### Setting language for components
-
-Stream provides built in translations for some languages out-of-the-box.
-`Streami18n` accepts two optional parameters when being instantiated, [`options`](#options) and [`i18nextConfig`](#i18nextconfig).
-These parameters allow you to modify the `Streami18n` instance to your preferences.
-
-As an example, let's say we need to localize the UI of the application for a Dutch audience:
-
-```tsx
-const streami18n = new Streami18n({ language: 'nl' }); // Instantiate Streami18n with Dutch strings.
-```
-
-Alternatively, you can also use [`setLanguage`](#setlanguage) method on `Streami18n` class.
-This is useful especially if you want to build language toggle functionality within your app.
-
-For example, let's say an application needs to default to English but support French:
-
-```tsx
-const streami18n = new Streami18n();
-
-...
-// Logic for how a user can change the language
-...
-
-streami18n.setLanguage('fr'); // The UI will change to French.
-```
-
-### Adding a new language
-
-Let's see how you can add support for additional languages in the SDK. As an example, we'll implement a custom Polish language translation:
-
-```tsx
-const streami18n = new Streami18n();
-streami18n.registerTranslation('pl', {
- 'Copy Message': 'Kopiuj wiadomość',
- 'Delete Message': 'Usuń wiadomość',
- '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} i {{ secondUser }} piszą...',
-});
-```
-
-Please take a look at all the available texts [here](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/i18n/en.json).
-
-### Overriding existing languages
-
-You can also make line item changes to the strings for existing UI components. This is useful if you want to tweak an existing language to use regional spelling variants (American English vs. UK English, for example) same process as [Adding a new language](#adding-a-new-language). As an example, we'll override the translations for Dutch language:
-
-```tsx
-const streami18n = new Streami18n();
-
-streami18n.registerTranslation('nl', {
- 'Delete Message': 'Verwijder bericht',
-});
-```
-
-### Using device locale to set language
-
-[`react-native-localize`](https://github.com/zoontek/react-native-localize#-react-native-localize) package provides a toolbox for React Native app localization.
-You can use this package to access user preferred locale, and use it to set language for chat components:
-
-```tsx
-import * as RNLocalize from 'react-native-localize';
-const streami18n = new Streami18n();
-
-const userPreferredLocales = RNLocalize.getLocales();
-
-streami18n.setLanguage(userPreferredLocales[0].languageCode);
-```
-
-### Overriding DateTime format
-
-React Native SDK uses [Day.js](https://day.js.org/en/) internally by default to format DateTime stamp.
-Day.js is a lightweight alternative to Moment.js with the same modern API and has [locale support](https://day.js.org/docs/en/i18n/i18n) as well.
-
-Day.js provides locale config for plenty of languages, you can check the whole list of locale configs [here](https://github.com/iamkun/dayjs/tree/dev/src/locale)
-
-You can either provide the Day.js locale config while registering
-language with `Streami18n` (either via constructor or `registerTranslation()`) or you can provide your own Day.js or Moment.js instance
-to Streami18n constructor, which will be then used internally (using the language locale) in components.
-
-```tsx
-const i18n = new Streami18n({
- language: 'nl',
- dayjsLocaleConfigForLanguage: {
- months: [...],
- monthsShort: [...],
- calendar: {
- sameDay: '...'
- }
- }
-});
-```
-
-You can add locale config for moment while registering translation via `registerTranslation` function:
-
-```tsx
-const i18n = new Streami18n();
-
-i18n.registerTranslation(
- 'mr',
- {
- 'Nothing yet...': 'काहीही नाही ...',
- '{{ firstUser }} and {{ secondUser }} are typing...':
- '{{ firstUser }} आणि {{ secondUser }} टीपी करत आहेत ',
- },
- {
- months: [...],
- monthsShort: [...],
- calendar: {
- sameDay: '...'
- }
- }
-);
-```
-
-Alternatively, you can use a utility library to handle DateTime by providing your own [`Moment`](https://momentjs.com/) object:
-
-```tsx
-import 'moment/locale/nl';
-import 'moment/locale/it';
-// or if you want to include all locales
-import 'moment/min/locales';
-
-import Moment from moment;
-
-const i18n = new Streami18n({
- language: 'nl',
- DateTimeParser: Moment,
-});
-```
-
-Or by providing your own [Day.js](https://day.js.org/docs/en/installation/installation) object:
-
-```tsx
-import Dayjs from 'dayjs';
-
-import 'dayjs/locale/nl';
-import 'dayjs/locale/it';
-// or if you want to include all locales
-import 'dayjs/min/locales';
-
-const i18n = new Streami18n({
- language: 'nl',
- DateTimeParser: Dayjs,
-});
-```
-
-If you would like to stick with English language for date-times in Stream components, you can set `disableDateTimeTranslations` to true.
-
-### Translating messages
-
-If your application has a user-base that speaks more than one language, Stream's Chat Client provides the option to automatically translate messages. For more information on using automatic machine translation for messages, see the [Chat Client Guide on Translation](https://getstream.io/chat/docs/react-native/translation/?language=javascript).
-
-## Options
-
-`options` is the first optional parameter passed to `Streami18n`, it is an object with all keys being optional.
-
-### DateTimeParser
-
-Used for translating dates and times into the desired local format.
-Either [Day.js](https://day.js.org/) or [Moment](https://momentjs.com/) can be used.
-Day.js is a dependency of the repository and used by default.
-
-| TYPE | DEFAULT |
-| --------------- | ------- |
-| Dayjs \| Moment | `Dayjs` |
-
-### dayjsLocaleConfigForLanguage
-
-You can [customize and create](https://day.js.org/docs/en/customization/customization) new locales using Day.js.
-To allow accessibility to this option when using the default Day.js instance you can pass these customizations via the `dayjsLocaleConfigForLanguage` key.
-
-| TYPE |
-| ------ |
-| object |
-
-### debug
-
-Enable [debug mode](https://www.i18next.com/overview/configuration-options#logging) in internal i18next instance.
-
-| TYPE | DEFAULT |
-| ------- | ------- |
-| boolean | `false` |
-
-### disableDateTimeTranslations
-
-Use the default English language date-times instead of those dictated by the language set.
-
-| TYPE | DEFAULT |
-| ------- | ------- |
-| boolean | `false` |
-
-### language
-
-Language code for language to be used.
-The following options are available:
-
-- English (`en`)
-- French (`fr`)
-- Hindi (`hi`)
-- Italian (`it`)
-- Dutch (`nl`)
-- Turkish (`tr`)
-- Russian (`ru`)
-- Japanese (`ja`)
-- Korean (`ko`)
-
-| TYPE | DEFAULT |
-| ------ | ------- |
-| string | `en` |
-
-### logger
-
-Function to log warnings & errors from `Streami18n`.
-
-| TYPE | DEFAULT |
-| ------------------------ | -------------- |
-| `(msg?: string) => void` | `console.warn` |
-
-### translationsForLanguage
-
-Allows you to override the provided translations for given keys.
-
-```ts
-const streami18n = new Streami18n({
- language: 'nl',
- translationsForLanguage: {
- 'Nothing yet...': 'Nog Niet...',
- '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} en {{ secondUser }} zijn aan het typen...',
- },
-});
-```
-
-| TYPE |
-| ------ |
-| object |
-
-## I18NextConfig
-
-`i18NextConfig` is the second optional parameter passed to `Streami18n`, it is an object with all keys being optional.
-`i18nextConfig` is used in the instantiation of the i18next instance and mostly aligns with the [i18next options](https://www.i18next.com/translation-function/essentials#overview-options).
-
-### debug
-
-Enable [debug mode](https://www.i18next.com/overview/configuration-options#logging) in internal i18next instance.
-This overrides the [`debug` key on options](#debug) if provided.
-
-| TYPE |
-| ------- |
-| boolean |
-
-### `fallbackLng`
-
-Fallback language setting for i18next.
-
-| TYPE |
-| --------------------------------------------------------------------- |
-| [`FallbackLng`](https://www.i18next.com/principles/fallback#fallback) |
-
-### interpolation
-
-i18next interpolation setting for integrating dynamic values into translations.
-
-| TYPE | DEFAULT |
-| ------------------------------------------------------------------------------------ | ------------------------ |
-| [`object`](https://www.i18next.com/translation-function/interpolation#interpolation) | `{ escapeValue: false }` |
-
-### `keySeparator`
-
-Override character to separate keys.
-
-| TYPE | DEFAULT |
-| ----------------- | ------- |
-| string \| boolean | `false` |
-
-### `lng`
-
-Override language to use.
-
-| TYPE |
-| ------ |
-| string |
-
-### `nsSeparator`
-
-Override character to split namespace from key.
-
-| TYPE | DEFAULT |
-| ----------------- | ------- |
-| string \| boolean | `false` |
-
-### parseMissingKeyHandler
-
-Function to handle keys missing translations for the selected language.
-
-| TYPE | DEFAULT |
-| ------------------------- | -------------- |
-| `(key: string) => string` | `(key) => key` |
-
-## Methods
-
-### getAvailableLanguages
-
-Returns an array of language code strings corresponding to available languages.
-
-```ts
-const availableLanguages = streami18n.getAvailableLanguages();
-```
-
-### geti18Instance
-
-Returns instance of i18next used within the `Streami18n` instance.
-
-```ts
-const i18n = streami18n.geti18Instance();
-```
-
-### `getTranslations`
-
-Returns the current translations dictionaries for all languages.
-
-```ts
-const translations = streami18n.getTranslations();
-```
-
-### `getTranslators`
-
-Asynchronous function that returns the current translator functions.
-
-```ts
-const { t, tDateTimeParser } = await streami18n.getTranslators();
-```
-
-### `registerTranslation`
-
-Allows you to register a custom translation, this will override a translation if one already exists for the given language code.
-The third parameter, which is optional, is a Day.js locale, which is structured the same as [dayjsLocaleConfigForLanguage](#dayjslocaleconfigforlanguage).
-
-It is suggested you look at the [`enTranslations`.json file](https://github.com/GetStream/stream-chat-react-native/tree/main/src/i18n) exported from `stream-chat-react-native` for a current list of used translation keys.
-
-```ts
-streami18n.registerTranslation('mr', {
- 'Nothing yet...': 'काहीही नाही ...',
- '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} आणि {{ secondUser }} टीपी करत आहेत',
-});
-```
-
-#### Parameters
-
-| NAME | TYPE | REQUIRED |
-| ----------------- | ------ | ------------------ |
-| language | string | :heavy_check_mark: |
-| translation | object | :heavy_check_mark: |
-| customDayjsLocale | object | |
-
-### `setLanguage`
-
-Asynchronous function that changes the current language and returns the new translation function.
-If not initialized `undefined` will be returned.
-If the language fails to update the current translation function will be returned.
-
-```ts
-const t = await streami18n.setLanguage('nl');
-```
-
-#### Parameters
-
-| NAME | TYPE | REQUIRED |
-| -------- | ------ | ------------------ |
-| language | string | :heavy_check_mark: |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/troubleshooting.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/troubleshooting.mdx
deleted file mode 100644
index 442f1d0528..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/troubleshooting.mdx
+++ /dev/null
@@ -1,405 +0,0 @@
----
-id: troubleshooting
-sidebar_position: 6
-title: Troubleshooting
----
-
-There are a few common problems users have reported when setting up Stream Chat for React Native, to help you if you run afoul of these problems we have created a list of common issues and solutions.
-If you encounter something that is not listed here, try [searching for the issue in GitHub](https://github.com/GetStream/stream-chat-react-native/issues).
-
-## Cannot run remote debugger
-
-React Native is [undergoing major architecture changes](https://github.com/react-native-community/discussions-and-proposals/issues/91), [Reanimated 2](https://docs.swmansion.com/react-native-reanimated/) has capitalized on the already released improvements and taken advantage of the JSI to provide an amazingly powerful library.
-Currently though [there are a list of limitations](https://docs.swmansion.com/react-native-reanimated/docs/#known-problems-and-limitations) that Reanimated 2 has, one of which is that the use of the JSI prevents debugging without using [Flipper](https://fbflipper.com/), therefore you must use Flipper for remote debugging.
-
-## Messages sending in thread instead of channel
-
-There is an internal thread state that is used to track the current thread.
-When you click on a thread and take an action such as navigating to another screen the `thread` is set within the `Channel` component in the current screen to the selected `thread`.
-When you return to the original screen you need to reset the thread to ensure it is not being set on the messages when they are sent.
-We suggest you keep track of a `thread` state on your own and provide it to any `Channel` component you use whether on a channel or thread.
-
-```tsx {2}
-
-
-
-
-```
-
-```tsx {2}
-
-
- setThread(null)} />
-
-
-```
-
-You may be wondering why this is all necessary, this is because in most cases there is only a single `OverlayProvider`.
-The `OverlayProvider` keeps track of the currently selected images in the image picker, and the images available to view in the image gallery from a given channel or thread.
-To keep these in sync with the currently visible screen some logic is used to determine whether or not they should update, this logic is dependant on the `thread` state.
-
-## Undefined is not a function
-
-Stream Chat for React Native relies heavily on context, in instances where the Render Error `undefined is not a function` occurs it is almost always the case that a context provider is not wrapping a component appropriately.
-If you encounter this error please ensure the `OverlayProvider`, `Chat`, and `Channel` components are wrapping your application correctly.
-
-## Incorrect input position
-
-If the `MessageInput` is at the incorrect height when the keyboard is displayed a setting could being incorrect.
-
-Ensure the `keyboardVerticalOffset` prop passed to `Channel` is correct and accounts for any header height that may need to be adjusted for.
-
-### Android
-
-On Android if the StatusBar is set to translucent, that is `StatusBar.setTranslucent(true)` then there may be some inaccurate layout calculations occurring.
-
-If you are using the standard React Native Android keyboard setting of `android:windowSoftInputMode="adjustResize"`, you can disable to layout adjustments on Android using the prop `disableKeyboardCompatibleView` and this will ignore the incorrect measurements.
-
-## Wrong images in gallery
-
-The image viewer is created in the `OverlayProvider` so it can cover the entire screen, thus if you are wrapping your navigation in the `OverlayProvider` there is only copy present throughout the application.
-The images present in the viewer are determined by logic based off of both the current `channel` and `thread` provided to the `Channel` component.
-You therefore must keep these props up to date as you navigate to ensure when returning to a channel from a thread the images in the viewer are once again updated to those from the channel.
-
-To do this make sure your `Channel` components are always aware of the thread state, even when being used for a channel.
-
-```tsx
-
-
-```
-
-```tsx
-
- setThread(null)} />
-
-```
-
-## Image gallery not full screen
-
-If the image viewer or message overlay is not covering the full screen, for instance it is rendering below or behind a Header, it is likely the `OverlayProvider` is not setup in the correct location within the application.
-Please refer to the [Stream Chat with Navigation](./stream_chat_with_navigation.mdx) documentation to properly place the `OverlayProvider` in relation to your navigation solution or other components.
-
-## Image picker incorrect height
-
-The image picker opens the gallery to a height based on the location of the `MessageInput`, if there is space below the `MessageInput`, for instance a Safe Area or a Tab Bar, this must be taken into account.
-To account for this the prop `bottomInset` can be provided to the `OverlayProvider`.
-
-```tsx
-
-```
-
-Similarly if the gallery fully open is not at the desired height, this can be adjusted using the `OverlayProvider` prop `topInset`.
-
-```tsx
-
-```
-
-:::note
-
-`topInset` prior to version `3.6.0` needed to be set before the image picker would render.
-Additionally it could only be set one time via either props or the `setTopInset` function, otherwise the gallery would open to incorrect heights.
-Both `bottomInset` & `topInset` can be set via the appropriate functions, `setBottomInset` and `setTopInset`, that are accessible via the `useAttachmentPickerContext` hook.
-
-:::
-
-### Android
-
-On Android if the StatusBar is set to translucent, that is `StatusBar.setTranslucent(true)` then you need to provide the prop `translucentStatusBar` to the `OverlayProvider`.
-This prop is a `boolean` that adjusts for differences in the measurements of the screen height when the StatusBar on Android is translucent.
-It is important to note that since Expo 38 `true` is the default for transparent on Android.
-
-## Image picker not working
-
-If the image picker is appearing incorrectly, for instance behind a bottom Tab Bar, it is likely the `OverlayProvider` is not setup in the correct location within the application.
-Please refer to the [Stream Chat with Navigation](./stream_chat_with_navigation.mdx) documentation to properly place the `OverlayProvider` in relation to your navigation solution.
-
-### iOS
-
-Add the `NSPhotoLibraryUsageDescription` key in your `Info.plist` with a description of use.
-
-
-
-
-
-```
-
-## GIF and WebP not displaying
-
-### Android
-
-GIF and WebP do not work without additional modules by default on Android.
-
-You will need to add some modules in your `android/app/build.gradle`
-
-```java
-dependencies {
- // For Android versions less than Ice Cream Sandwich (API level 14)
- implementation 'com.facebook.fresco:animated-base-support:1.3.0'
-
- // For GIF support
- implementation 'com.facebook.fresco:animated-gif:2.0.0'
-
- // For WebP support, with animations
- implementation 'com.facebook.fresco:animated-webp:2.1.0'
-
- // For WebP support, without animations
- implementation 'com.facebook.fresco:webpsupport:2.0.0'
- ...
-}
-```
-
-## Blank screen when channel gets delete
-
-When a channel is deleted, and if some user is active on that channel, a blank screen appears by default (as per the default logic) as we return `null` in this case.
-It might be confusing for end user to see a blank screen and appropriate UX would be to navigate back to channel list screen.
-You can implement such UX by listening to `channel.deleted` event on channel screen, and navigate to channel list screen with appropriate notification on app.
-
-```tsx
-client.on('channel.deleted', event => {
- if (event.cid === channel.cid) {
- // add your action here
- }
-});
-```
-
-## `Touchables` not working
-
-If you are having trouble with pressing, swiping, or otherwise interacting with components it is likely the result of [React Native Gesture Handler](https://docs.swmansion.com/react-native-gesture-handler/docs/) not being properly setup.
-
-:::note
-
-If your React Native version is (>=0.68) you will need a version of >=2.0.0 for `react-native-gesture-handler` for your app to build.
-
-:::
-
-Be sure to follow all needed [additional steps](https://docs.swmansion.com/react-native-gesture-handler/docs/) to complete the installation.
-
-This includes ensuring you import `react-native-gesture-handler` at the top of your app entry file.
-
-```tsx
-import 'react-native-gesture-handler';
-```
-
-Also do not forget to wrap your component tree(probably above `OverlayProvider`) with `` or `gestureHandlerRootHOC` as mentioned in [RNGH Installation docs](https://docs.swmansion.com/react-native-gesture-handler/docs/installation#js). Not doing so, can cause unusual behaviour with the `MessageOverlay` and `Imagegallery` gestures.
-
-```tsx
-
- // Other underlying components
-
-```
-
-If you are using v1 of `react-native-gesture-handler` library, then you will need extra setup steps for Android.
-Update `MainActivity.java` to override the method for creating the `ReactRootView` as mentioned in [RNGH Installation docs](https://docs.swmansion.com/react-native-gesture-handler/docs/installation#js).
-
-```java {4-6,13-21}
-package com.swmansion.gesturehandler.react.example;
-
-import com.facebook.react.ReactActivity;
-import com.facebook.react.ReactActivityDelegate;
-import com.facebook.react.ReactRootView;
-import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;
-public class MainActivity extends ReactActivity {
-
- @Override
- protected String getMainComponentName() {
- return "Example";
- }
- @Override
- protected ReactActivityDelegate createReactActivityDelegate() {
- return new ReactActivityDelegate(this, getMainComponentName()) {
- @Override
- protected ReactRootView createRootView() {
- return new RNGestureHandlerEnabledRootView(MainActivity.this);
- }
- };
- }
-}
-```
-
-## `Touchables` Inside Custom Components Are Not Working
-
-If you find that a customization that includes a touchable is not working, or the wrong element is receiving the touch event, this is likely related to [React Native Gesture Handler](https://docs.swmansion.com/react-native-gesture-handler/docs/).
-The following could be the reasons behind the issues you might be facing:
-
-- Your component may be being rendered inside of a gesture handler.
-- Nested gesture handlers and `touchables` need special treatment and can act differently on iOS & Android. If you want Nested `Touchables` to work on Android you should add the prop `disallowInterruption` as mentioned [here](https://github.com/software-mansion/react-native-gesture-handler/issues/784#issuecomment-786471220).
-
-There are solutions available for almost all use cases so looking into your specific use case in relation to React Native Gesture Handler is suggested.
-The solution may require using a different touchable from React Native Gesture Handler and React Native depending on the platform.
-
-## Reanimated 2
-
-We rely on Reanimated 2 heavily for gesture based interactions and animations. It is vital you follow the [Reanimated 2 installation instructions](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/) for the library to work properly.
-
-### Failed to create a Worklet
-
-If you are encountering errors related to `Reanimated 2 failed to create a worklet` you must likely forgot to add the `react-native-reanimated/plugin` to your [project's babel config file](https://babeljs.io/docs/en/config-files). Below is an example of adding Reanimated babel plugin to `babel.config.js`:
-
-```js
- module.exports = {
- ...
- plugins: [
- ...
- 'react-native-reanimated/plugin',
- ],
- };
-```
-
-:::caution
-
-Reanimated plugin has to be listed last.
-
-:::
-
-### Blank screen on Android
-
-If you are encountering errors on Android and the screen is blank it is likely you forgot to finish the [Reanimated 2 Android setup](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/#android).
-
-Ensure Hermes is enabled in `android/app/build.gradle`:
-
-```java
-project.ext.react = [
- enableHermes: true // clean and rebuild if changing
-]
-```
-
-Add Reanimated in `MainApplication.java`
-
-```java {1-2,13-16}
-import com.facebook.react.bridge.JSIModulePackage;
-import com.swmansion.reanimated.ReanimatedJSIModulePackage;
-...
-
-private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
- ...
-
- @Override
- protected String getJSMainModuleName() {
- return "index";
- }
-
- @Override
- protected JSIModulePackage getJSIModulePackage() {
- return new ReanimatedJSIModulePackage();
- }
-};
-...
-```
-
-### Android release bundle is crashing
-
-This is likely due to ProGuard removing reanimated 2 related classes. If you're using ProGuard, make sure to add the rules below:
-
-```
--keep class com.swmansion.reanimated.** { *; }
--keep class com.facebook.react.turbomodule.** { *; }
-```
-
-## Project won't build on a MacBook with Apple M1
-
-On newer MacBooks with the Apple M1 SoC, there are a few required steps that need to be followed for an app to build. The user [aiba](https://github.com/aiba) has written [a guide](https://github.com/aiba/react-native-m1) to make the necessary changes to your project.
-
-The iOS build version can be changed to suit your needs, but keep in mind to change the version to the same major and minor version consistently throughout the guide.
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/upgrade_helper.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/upgrade_helper.mdx
deleted file mode 100644
index 5a58ada778..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/upgrade_helper.mdx
+++ /dev/null
@@ -1,531 +0,0 @@
----
-id: upgrading-from-v3
-title: Upgrading from V3
----
-
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
-import pinMessageAction from '../assets/basics/upgrading-from-v3/pin_message_action.png';
-import pinnedMessage from '../assets/basics/upgrading-from-v3/pinned_message.png';
-import scrollViewWarning from '../assets/basics/upgrading-from-v3/scroll_view_warning.png';
-import slowMode from '../assets/basics/upgrading-from-v3/slow_mode.gif';
-
-import galleryBefore1 from '../assets/basics/upgrading-from-v3/gallery_before_1.png';
-import galleryBefore2 from '../assets/basics/upgrading-from-v3/gallery_before_2.png';
-import galleryBefore3 from '../assets/basics/upgrading-from-v3/gallery_before_3.png';
-import galleryAfter1 from '../assets/basics/upgrading-from-v3/gallery_after_1.png';
-import galleryAfter2 from '../assets/basics/upgrading-from-v3/gallery_after_2.png';
-import galleryAfter3 from '../assets/basics/upgrading-from-v3/gallery_after_3.png';
-
-## Add a required `threadList` prop
-
-Add a `threadList` prop on `Channel` component which wraps the Thread component as following:
-
-(This change is only required if you use `Thread` component within your application. )
-
-```tsx
-
-
-```
-
-## Updates on `Channel` props
-
-Some of the props have been dropped since v4 release.
-
-### `mutesEnabled`
-
-This prop was used to configure visibility of "Mute User" action within message overlay, and has been removed in v4.
-Please check [Mute User Action](#mute-user-action) section for details.
-
-### `handleMute`
-
-This prop was used to add non-interruptive function call when "Mute User" action on message gets called, and has been removed in v4.
-Please check [Mute User Action](#mute-user-action) section for details.
-
-### `quotedRepliesEnabled`
-
-This prop was used to configure visibility of "Reply" action within message overlay.
-In v4 you can provide a prop [`overrideOwnCapabilities`](../core-components/channel.mdx#overrideowncapabilities) on Channel component to achieve the same result.
-
-```tsx
-
-```
-
-### `reactionsEnabled`
-
-This prop was used to configure visibility of reaction selector within overlay.
-In v4 you can provide a prop [`overrideOwnCapabilities`](../core-components/channel.mdx#overrideowncapabilities) on Channel component to achieve the same result.
-
-```tsx
-
-```
-
-### `readEventsEnabled`
-
-This prop was used to configure visibility of read receipts for message.
-In v4 you can provide a prop [`overrideOwnCapabilities`](../core-components/channel.mdx#overrideowncapabilities) on Channel component to achieve the same result.
-
-```tsx
-
-```
-
-### `threadRepliesEnabled`
-
-This prop was used to configure visibility of "Thread Reply" action within message overlay.
-In v4 you can provide a prop [`overrideOwnCapabilities`](../core-components/channel.mdx#overrideowncapabilities) on Channel component to achieve the same result.
-
-```tsx
-
-```
-
-### `typingEventsEnabled`
-
-This prop was used to configure visibility of "Typing Indicator" within `MessageList`.
-In v4 you can provide a prop [`overrideOwnCapabilities`](../core-components/channel.mdx#overrideowncapabilities) on Channel component to achieve the same result.
-
-```tsx
-
-```
-
-### `uploadsEnabled`
-
-This prop was used to configure visibility of `AttachButton` within `MessageInput`.
-In v4 you can provide a prop [`overrideOwnCapabilities`](../core-components/channel.mdx#overrideowncapabilities) on Channel component to achieve the same result.
-
-```tsx
-
-```
-
-### `animatedLongPress`
-
-This prop was used to disabled the pop-in-out animation of message bubble when long pressed.
-Support for this prop has been dropped from v4 of SDK for performance reason. For more details,
-please take a look at description of PR [#987](https://github.com/GetStream/stream-chat-react-native/pull/987)
-
-### `onDoubleTapMessage`
-
-This prop was used to add double tap handler for message component.
-Support for this prop has been dropped from v4 of SDK for performance reason. For more details,
-please take a look at description of PR [#987](https://github.com/GetStream/stream-chat-react-native/pull/987)
-
-For implementing double tap handler on message bubble please take a look at example mentioned in our [docs](../guides/message_customizations.mdx#instagram-style-double-tap-reaction)
-
-### `messageActions`
-
-This prop is used to customize the actions available on message within overlay. Its a function which return an array
-of actions. Since v4 this function won't receive following properties on its parameter object:
-
-- `canModifyMessage`
-- `mutesEnabled`
-- `reactionsEnabled`
-- `threadRepliesEnabled`
-- `quotedRepliesEnabled`
-
-Instead a new property has been added - `ownCapabilities` to check availability of feature for current user
-Please check the docs of [message action customization](../guides/message_actions_customization.mdx#how-to-add-a-custom-message-action) for example.
-
-### `blockUser`
-
-This prop was used to remove "Block User" action from message actions, and has been removed in v4.
-Please check the [guide](../guides/message_actions_customization.mdx#how-to-disable-a-message-action) for disabling certain message action in v4
-
-### `copyMessage`
-
-This prop was used to remove "Copy Message" action from message actions, and has been removed in v4.
-Please check the [guide](../guides/message_actions_customization.mdx#how-to-disable-a-message-action) for disabling certain message action in v4
-
-### `deleteMessage`
-
-This prop was used to remove "Delete Message" action from message actions, and has been removed in v4.
-Please check the [guide](../guides/message_actions_customization.mdx#how-to-disable-a-message-action) for disabling certain message action in v4
-
-### `editMessage`
-
-This prop was used to remove "Edit Message" action from message actions, and has been removed in v4.
-Please check the [guide](../guides/message_actions_customization.mdx#how-to-disable-a-message-action) for disabling certain message action in v4
-
-### `flagMessage`
-
-This prop was used to remove "Flag Message" action from message actions, and has been removed in v4.
-Please check the [guide](../guides/message_actions_customization.mdx#how-to-disable-a-message-action) for disabling certain message action in v4
-
-### `quotedReply`
-
-This prop was used to remove "Reply" action from message actions, and has been removed in v4.
-Please check the [guide](../guides/message_actions_customization.mdx#how-to-disable-a-message-action) for disabling certain message action in v4
-
-### `retry`
-
-This prop was used to remove "Resend" action from message actions, and has been removed in v4.
-Please check the [guide](../guides/message_actions_customization.mdx#how-to-disable-a-message-action) for disabling certain message action in v4
-
-### `threadReply`
-
-This prop was used to remove "Thread Reply" action from message actions, and has been removed in v4.
-Please check the [guide](../guides/message_actions_customization.mdx#how-to-disable-a-message-action) for disabling certain message action in v4
-
-### `legacyImageViewerSwipeBehaviour`
-
-Default value for this prop has been switched to `false` for performance reason.
-
-## Mute User Action
-
-In v4 "Mute User" action has been removed from the SDK, since its not exactly an action on message and is not
-the right place for it.
-If the business requirements of application needs this message action, then please add it by customizing `messageActions`
-prop as mentioned in [example](../guides/message_actions_customization.mdx#how-to-add-a-custom-message-action)
-
-## Update The Dependencies
-
-- Since v4, peer dependency `react-native-blur` has been removed from the SDK. Blur background of overlay has been
- replaced with opacity based background instead. So unless this dependency is used explicitly within application, it
- can be safely removed.
-
-```sh
-yarn remove react-native-blur
-npx pod-install
-```
-
-- Minimum required version of `stream-chat` is 6.0.0. So if you have installed `stream-chat` dependency explicitly,
- please make sure to upgrade it to [`v6.0.0`](https://github.com/GetStream/stream-chat-js/releases/tag/v6.0.0)
-
-## Refactor Typescript Generics
-
-Until now StreamChat client and Chat components accepted 7 different generics as provided in following example:
-
-```tsx
-const client = StreamChat.getInstance<
- ChatAttachment,
- ChatChannel,
- CustomCommands,
- ChatEvent,
- UserMessage,
- CustomReaction,
- ChatUser
->('YOUR_API_KEY', 'API_KEY_SECRET');
-```
-
-These 7 generics have been replaced now with 1 single generics for the sake of simplicity.
-
-```tsx
-const client = StreamChat.getInstance('YOUR_API_KEY');
-```
-
-Please refer to our typescript guide for details of [Generics](../customization/typescript.mdx#generics).
-
-## Whats new in v4?
-
-### Optimized Image Attachments
-
-[Gallery](../ui-components/gallery.mdx) component has been revamped to be more performant and more responsive.
-Heavy images have been one of the crucial reasons previously for slow performance on low RAM devices. In this version of SDK,
-resized version of images (depending on DP ratio of device) will be requested from new CDN to avoid rendering heavy images on UI.
-
-Also previously all the image attachments used to be rendered in fixed size container, which was not ideal for portrait or landscape images since
-user won't be able to see a cropped image on UI. In this version, we render images in dynamic size container, depending on aspect ratio of image.
-
-
-
-
-
-
- Before
- After
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Before
- After
-
-
-
-
-
-
-
-
-
-
-
-
-
- Before
- After
-
-
-
-
-
-
-
-
-
-
-
-### Refactor Generics to a Single Generic
-
-The Typescript generics have been simplified to a single generic instead of 7 different generics (as in previous versions of SDK) which should be passed to the component or StreamChat client.
-
-```tsx
-const client = StreamChat.getInstance('YOUR_API_KEY');
-```
-
-where `StreamChatGenerics` can be defined as;
-
-```tsx
-type StreamChatGenerics = {
- attachmentType: LocalAttachmentType;
- channelType: LocalChannelType;
- commandType: LocalCommandType;
- eventType: LocalEventType;
- messageType: LocalMessageType;
- reactionType: LocalReactionType;
- userType: LocalUserType;
-};
-```
-
-:::note
-`LocalAttachmentType`, `LocalChannelType` etc. are type definitions for their respective key as per your application types necessities.
-
-Eg:
-
-```tsx
-type LocalAttachmentType = {
- file_size?: number;
- mime_type?: string;
-};
-type LocalChannelType = Record;
-type LocalCommandType = string;
-type LocalEventType = Record;
-type LocalMessageType = Record;
-type LocalReactionType = Record;
-type LocalUserType = {
- image?: string;
-};
-```
-
-:::
-
-A separate guide has been added to documentation for details of [Generics](../customization/typescript.mdx#generics)
-
-### Slow Mode Feature
-
-Slow mode helps reduce noise on a channel by limiting users to a maximum of 1 message per cool-down interval.
-Slow mode is disabled by default and can be enabled/disabled via the Dashboard, using the Chat Explorer.
-
-For more details, please check the documentation for [slow mode](https://getstream.io/chat/docs/javascript/slow_mode/?language=javascript#channel-slow-mode)
-
-When cool-down interval kicks in, `SendButton` (to send message) will be replaced with a countdown timer
-This countdown timer can be customized using a prop on Channel component - [`CooldownTimer`](../core-components/channel.mdx#cooldowntimer)
-
-
-
-
-
-
-
-
-
{/** child components */}
-```
-
-#### ChannelList ignores updated filters if API call is in progress
-
-https://github.com/GetStream/stream-chat-react-native/issues/678
-
-If the screen which creates the filter prop for ChannelList quickly renders two or more
-different filters, only the first filter will be fetched, with the subsequent filters
-being discarded. This results in a stale ChannelList until it is manually refreshed.
-
-#### Failed messages can't be deleted
-
-Delete action on failed message would result in error previously, which has been fixed in this release.
-
-#### Mentioned users get removed after editing message
-
-https://github.com/GetStream/stream-chat-react-native/issues/1023
-
-#### URL parsing crashes the app when text contains special character
-
-Application would crash if the message text contains special character and someone
-replies to the message. This has been fixed in this release.
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/versioning_policy.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/versioning_policy.mdx
deleted file mode 100644
index 615093d8a2..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/basics/versioning_policy.mdx
+++ /dev/null
@@ -1,16 +0,0 @@
----
-id: versioning_policy
-sidebar_position: 9
-title: Versioning Policy
----
-
-React Native Chat SDK package follows a [semantic versioning (`semver`)](https://semver.org/) since v4.0.0.
-
-That means that with a version number x.y.z (major.minor.patch):
-
-- When releasing bug fixes (backwards compatible), we make a patch release by changing the z number (ex: 4.1.0 to 4.1.1). A bug fix is defined as an internal change that fixes incorrect behavior.
-- When releasing new features or non-critical fixes, we make a minor release by changing the y number (ex: 4.1.0 to 4.2.0).
-- When releasing breaking changes (backward incompatible), we make a major release by changing the x number (ex: 4.1.0 to 5.0.0).
-
-Please check the official [semantic versioning](https://semver.org/#summary) docs for more information. This versioning policy does not apply to prerelease packages (below major version of 1)
-Whenever possible, we will add deprecation warnings in preparation for future breaking changes.
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/attachment-picker-context/selected_picker.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/attachment-picker-context/selected_picker.mdx
deleted file mode 100644
index a93ca03adc..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/attachment-picker-context/selected_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Value is `images` (string), when image attachment picker is open. Value will be `undefined` if file picker is active or file picker is open.
-
-| Type |
-| --------------------- |
-| 'images' \| undefined |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channel-context/disabled.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channel-context/disabled.mdx
deleted file mode 100644
index b7ade63a93..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channel-context/disabled.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if channel is [frozen](https://getstream.io/chat/docs/javascript/freezing_channels/?language=javascript&q=frozen) and [disableIfFrozenChannel](../../../core-components/channel.mdx#disableiffrozenchannel) is true.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channel-context/members.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channel-context/members.mdx
deleted file mode 100644
index 3c1ff8eb48..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channel-context/members.mdx
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
-Members of current channel. This value is received from backend when you query a channel, either using [`client.queryChannels()`](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript&q=members) or [`channel.watch()`](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript&q=members) API call.
-
-:::caution
-
-
-
-`client.queryChannels()` or `channel.watch()` returns only up to 100 members of channel. So if you expect total number of members to be > 100, its better to use [`client.queryMembers()`](https://getstream.io/chat/docs/javascript/query_members/?language=javascript&q=members) API endpoint separately to get the list of members.
-:::
-
-```tsx
-Record<
- string, // userId
- {
- banned?: boolean;
- created_at?: string;
- invite_accepted_at?: string;
- invite_rejected_at?: string;
- invited?: boolean;
- is_moderator?: boolean;
- role?: string;
- shadow_banned?: boolean;
- updated_at?: string;
- user?: UserResponse;
- user_id?: string;
- }
->;
-```
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channel-context/scroll_to_first_unread_threshold.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channel-context/scroll_to_first_unread_threshold.mdx
deleted file mode 100644
index 876399fcac..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channel-context/scroll_to_first_unread_threshold.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Minimum number of unread messages a channel should have in order to set the initial scroll position to first unread message.
-This value is only used when [initialScrollToFirstUnreadMessage](../../../core-components/channel.mdx#initialscrolltofirstunreadmessage) is set to true.
-
-| Type | Default |
-| ------ | ------- |
-| number | 4 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channel-context/watchers.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channel-context/watchers.mdx
deleted file mode 100644
index d02b5b9a8f..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channel-context/watchers.mdx
+++ /dev/null
@@ -1,19 +0,0 @@
-Watchers of current channel. This value is received from backend when you query a channel, either using [`client.queryChannels()`](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript&q=members) or [`channel.watch()`](https://getstream.io/chat/docs/javascript/watch_channel/?language=javascript&q=members) API call.
-
-:::caution
-
-
-
-`client.queryChannels()` or `channel.watch()` returns only up to 100 watchers for channel. So if you expect total number of watchers to be > 100, you should request them explicitly using [Channel Pagination](https://getstream.io/chat/docs/javascript/channel_pagination/?language=javascript&q=members)
-:::
-
-```tsx
-Record<
- string, // string
- UserResponse
->;
-```
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/channels.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/channels.mdx
deleted file mode 100644
index 07d9933921..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/channels.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Array of channels currently loaded within the `ChannelList` component.
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/error.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/error.mdx
deleted file mode 100644
index 0fa4fa75a1..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/error.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if a call to [query channels API call](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript) within `ChannelList` component results in error, either during first load or during pagination.
-
-| Type |
-| ----------------------- |
-| Error object \| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/has_next_page.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/has_next_page.mdx
deleted file mode 100644
index f93e63313d..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/has_next_page.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-False if `ChannelList` component has loaded all the channels corresponding to [`filters`](../../../core-components/channel_list.mdx#recommended-filters).
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/load_next_page.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/load_next_page.mdx
deleted file mode 100644
index 510b9d78ef..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/load_next_page.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to load next page for the `ChannelList` component.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/loading_channels.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/loading_channels.mdx
deleted file mode 100644
index 1f2ea665e0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/loading_channels.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if `ChannelList` component is loading the first page of channels.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/loading_next_page.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/loading_next_page.mdx
deleted file mode 100644
index 17919b3d2a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/loading_next_page.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if `ChannelList` component is loading more channels as part of pagination. This will be set to true when user scrolls to bottom of the list and [`hasNextPage`](../../../contexts/channels_context.mdx#hasnextpage) is true.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/refresh_list.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/refresh_list.mdx
deleted file mode 100644
index 8b4e81b0df..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/refresh_list.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Function to manually re-sync or refresh the channels in `ChannelList` component.
-
-:::note
-Calling `refreshList` will trigger a [RefreshControl](https://reactnative.dev/docs/refreshcontrol) on underlying FlatList component.
-:::
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/refreshing.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/refreshing.mdx
deleted file mode 100644
index f1c2b03ad9..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/refreshing.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-True if `ChannelList` component is refreshing the list (using [`refreshList`](#refreshlist) function call). Refreshing state will be triggered either when user executes pull-to-refresh gesture or if network connection is being recovered.
-This value is attached to [refreshing](https://reactnative.dev/docs/flatlist#refreshing) prop of underlying `FlatList` component of `ChannelList`.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/reload_list.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/reload_list.mdx
deleted file mode 100644
index 56f823ac61..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/channels-context/reload_list.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Function to manually reload the channels in `ChannelList` component.
-
-:::note
-Calling `reloadList` will wipe out the existing list of channels and show a loading indicator until new results are ready.
-:::
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/image-gallery-context/set_image.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/image-gallery-context/set_image.mdx
deleted file mode 100644
index 3ffdc37c23..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/image-gallery-context/set_image.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter for value [`image`](../../../contexts/image_gallery_context.mdx#image).
-
-| Type |
-| ------------------------------------------------------ |
-| `(image: {messageId?: string; url?: string;}) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/image-gallery-context/set_images.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/image-gallery-context/set_images.mdx
deleted file mode 100644
index bdbc8d6867..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/image-gallery-context/set_images.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter for value [`images`](../../../contexts/image_gallery_context.mdx#images).
-
-| Type |
-| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `(messageWithImages: [MessageType](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/hooks/useMessageList.ts)[]) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/alignment.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/alignment.mdx
deleted file mode 100644
index 31aad1109e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/alignment.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Sets if the message should be aligned to right or left side of list.
-
-| Type | Default |
-| --------------------- | ------- |
-| enum('right', 'left') | 'right' |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/disabled.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/disabled.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/files.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/files.mdx
deleted file mode 100644
index 1a9e674b30..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/files.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Array of `file` type attachments to be shown in the grouped UI component.
-
-```tsx
-const files = message.attachments.filter(a => a.type === 'file');
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/group_styles.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/group_styles.mdx
deleted file mode 100644
index a6d0e0dfca..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/group_styles.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-Position of message in the group. A message group is a group of consecutive messages from the same user. `groupStyles` can be used to style the message as per their position in message group.
-
-For example, user avatar (to which message belongs to) is only showed for last (bottom) message in group.
-
-| Type |
-| -------------------------------------------------- |
-| array of enum('top', 'bottom', 'middle', 'single') |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/handle_action.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/handle_action.mdx
deleted file mode 100644
index 919625ee5b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/handle_action.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to send an attachment action on message. For example, in case of `giphy` type attachments, there are 3 actions available - Shuffle, Cancel, Send.
-
-| Type |
-| ------------------------------------------ |
-| `(name: string, value: string) => Promise` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/has_reactions.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/has_reactions.mdx
deleted file mode 100644
index 9877aa5a92..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/has_reactions.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if the message has at least 1 reaction.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/images.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/images.mdx
deleted file mode 100644
index ce01a502ed..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/images.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Array of `image` type attachments on message.
-
-```tsx
-const images = message.attachments.filter(a => a.type === 'image');
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/is_my_message.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/is_my_message.mdx
deleted file mode 100644
index 1f0b0cee9e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/is_my_message.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if the message is sent by current user (connected to chat).
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/last_group_message.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/last_group_message.mdx
deleted file mode 100644
index e1e68fdaaa..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/last_group_message.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Whether or not this is the last message in a [group of messages](#groupstyles).
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/message.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/message.mdx
deleted file mode 100644
index 0d469d99d8..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/message.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Message object
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/message_content_order.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/message_content_order.mdx
deleted file mode 100644
index 26a3d0953a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/message_content_order.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-Order of message content.
-
-for example `['quoted_reply', 'attachments', 'file', 'gallery', 'text']`
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/on_long_press.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/on_long_press.mdx
deleted file mode 100644
index f2d35230dd..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/on_long_press.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Default long press handler for message UI.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/on_open_thread.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/on_open_thread.mdx
deleted file mode 100644
index aa4d1f6465..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/on_open_thread.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Handler function for "Thread Reply" action.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/on_press.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/on_press.mdx
deleted file mode 100644
index 31203f8cb5..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/on_press.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Default press handler for message UI.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/on_press_in.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/on_press_in.mdx
deleted file mode 100644
index 5d07cc5fa9..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/on_press_in.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Default `pressIn` handler for message UI.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/only_emojis.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/only_emojis.mdx
deleted file mode 100644
index 854e7075be..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/only_emojis.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if the message text only contains emojis and nothing else.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/other_attachments.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/other_attachments.mdx
deleted file mode 100644
index f49c1aa503..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/other_attachments.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-All the attachments on the message except for types `file` and `image`.
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/prevent_press.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/prevent_press.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/reactions.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/reactions.mdx
deleted file mode 100644
index 0207eaf38a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/reactions.mdx
+++ /dev/null
@@ -1,18 +0,0 @@
-List of reactions added to the message.
-
-```tsx
-[
- {
- own: true,
- type: 'love',
- },
- {
- own: false,
- type: 'haha',
- },
-];
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/show_avatar.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/show_avatar.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/show_message_overlay.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/show_message_overlay.mdx
deleted file mode 100644
index cd85f03110..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/show_message_overlay.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to open the message action overlay. This function gets called when user long presses a message.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/show_message_status.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/show_message_status.mdx
deleted file mode 100644
index 86bfffc551..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/show_message_status.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-When false, message status (read receipt, pending state indicator) won't be rendered.
-By default, this value is true for messages sent by current user of chat.
-
-| Type |
-| --------- |
-| `boolean` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/thread_list.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/thread_list.mdx
deleted file mode 100644
index 89b75c9b26..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/thread_list.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if current message is part of a message thread.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/videos.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/videos.mdx
deleted file mode 100644
index 2d893a314f..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-context/videos.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Array of `video` file attachments.
-
-```tsx
-const videos = message.attachments.filter(a => a.type === 'video' && !a.og_scrape_url);
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/additional_text_input_props.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/additional_text_input_props.mdx
deleted file mode 100644
index f9623a9156..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/additional_text_input_props.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Additional props provided to the underlying [TextInput](https://reactnative.dev/docs/textinput#props) within [`MessageInput`](../../../ui-components/message_input.mdx).
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/append_text.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/append_text.mdx
deleted file mode 100644
index 3ee60e6ce6..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/append_text.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Appends text to existing text entered by user in `MessageInput` component.
-
-| Type |
-| ---------------- |
-| `(text) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/clear_editing_state.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/clear_editing_state.mdx
deleted file mode 100644
index 584878fe20..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/clear_editing_state.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to clear "Editing Message" state from MessageInput component.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/clear_quoted_message_state.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/clear_quoted_message_state.mdx
deleted file mode 100644
index 68b49a1402..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/clear_quoted_message_state.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to clear "Add Quoted Reply" state from MessageInput component.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/close_attachment_picker.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/close_attachment_picker.mdx
deleted file mode 100644
index 4e0e0aa088..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/close_attachment_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Dismiss the attachment picker, if its already open.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/cooldown_ends_at.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/cooldown_ends_at.mdx
deleted file mode 100644
index b7fcb6d282..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/cooldown_ends_at.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-The time at which the active cool-down will end.
-
-| Type |
-| ---- |
-| Date |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/edit_message.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/edit_message.mdx
deleted file mode 100644
index d84a392d21..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/edit_message.mdx
+++ /dev/null
@@ -1,10 +0,0 @@
-Handles the edit message event on the message input by taking the new message as input and updating the message for the client.
-
-| Type |
-| ---------------- |
-| function \| null |
-
-| Parameter | Description |
-| --------- | ------------------------------- |
-| message | message the action is called on |
-| userId | The channel ID |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/editing.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/editing.mdx
deleted file mode 100644
index 122204af58..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/editing.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-True if the user is editing some message within `MessageInput` component.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/file_uploads.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/file_uploads.mdx
deleted file mode 100644
index 9bf133f716..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/file_uploads.mdx
+++ /dev/null
@@ -1,21 +0,0 @@
-List of `file` type attachments currently attached to message, which is being composed in `MessageInput` component.
-
-```tsx
-[
- {
- file: {
- name: 'test.pdf';
- size: 2000;
- type: 'application/pdf';
- uri: 'file-uri';
- };
- id: 'asdas232bk3jb42k3';
- state: 'uploaded'; // or 'finished'
- url: 'https://cdn.getstream.io/kajsnkj2n3j4';
- }
-]
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/giphy_active.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/giphy_active.mdx
deleted file mode 100644
index 411523c3f8..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/giphy_active.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-True if a user selects the `giphy` command from commands list (which is shown when you type a `/` in the input box).
-This value is set back to `false` when the user sends the message for searching Giphy.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/image_uploads.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/image_uploads.mdx
deleted file mode 100644
index 8516b9a18b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/image_uploads.mdx
+++ /dev/null
@@ -1,16 +0,0 @@
-List of `image` type attachments currently attached to message, which is being composed in `MessageInput` component.
-
-```tsx
-[
- {
- file: { name: 'fallback-name.jpeg' },
- id: '2j3n4k23nj4k23n4k3',
- state: 'finished', // or 'uploading'
- url: 'https://cdn.getstream.io/kajsnkj2n3j4', // If the state is `uploading`, then this will be a local uri of image.
- },
-];
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/input_box_ref.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/input_box_ref.mdx
deleted file mode 100644
index c6572e0359..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/input_box_ref.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Ref for [`TextInput`](https://reactnative.dev/docs/textinput) component within `MessageInput`
-
-| Type |
-| ----------------------------------------------------------------------------------- |
-| [ref](https://reactjs.org/docs/refs-and-the-dom.html#adding-a-ref-to-a-dom-element) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/is_valid_message.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/is_valid_message.mdx
deleted file mode 100644
index 2030dd99ab..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/is_valid_message.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-False if text within input box is empty and no images or files have been attached to a message yet. You can use this value to add enabled/disabled UI state on SendMessage button.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/mentioned_users.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/mentioned_users.mdx
deleted file mode 100644
index 523053417d..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/mentioned_users.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Ids of users which are mentioned (for example `Hey @Vishal Narkhede, how are you`) in a message, which is being composed in MessageInput component.
-
-```tsx
-['vishal-user-id', 'jaap-user-id'];
-```
-
-| Type |
-| ----- |
-| array |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/number_of_uploads.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/number_of_uploads.mdx
deleted file mode 100644
index b22885288b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/number_of_uploads.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Number of image + files attached to message which is being composed in `MessageInput` component.
-
-| Type |
-| ------ |
-| number |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/on_change.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/on_change.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/open_attachment_picker.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/open_attachment_picker.mdx
deleted file mode 100644
index 284b0fb6d5..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/open_attachment_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Opens the attachment picker bottom sheet, if its not open.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/open_commands_picker.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/open_commands_picker.mdx
deleted file mode 100644
index dec0f5543b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/open_commands_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Opens the commands picker box. By default, this function is attached to `onPress` handler for [`CommandsButton`](../../../core-components/channel.mdx#commandsbutton).
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/open_file_picker.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/open_file_picker.mdx
deleted file mode 100644
index 2c49c1bdf6..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/open_file_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Opens the file picker. By default, this function is attached to `onPress` handler for [`FileAttachmentIcon`](../../../core-components/channel.mdx#fileattachmenticon).
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/open_mentions_picker.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/open_mentions_picker.mdx
deleted file mode 100644
index 50de10e052..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/open_mentions_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Opens the user mentions autocomplete popup. When user types `@` in input box, internally this function gets called.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/quoted_message.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/quoted_message.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/remove_file.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/remove_file.mdx
deleted file mode 100644
index 953d3740a5..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/remove_file.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Removes attached file in message, which is being composed in `MessageInput` component. By default, this function is attached to `onPress` handler for close button in [FileUploadPreview](../../../core-components/channel.mdx#fileuploadpreview).
-It takes a string ID of the file to be removed in the [`fileUploads`](../../../contexts/message_input_context.mdx#fileuploads) array as parameter.
-
-| Type |
-| ---------------------- |
-| `(id: string) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/remove_image.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/remove_image.mdx
deleted file mode 100644
index 13823e1c08..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/remove_image.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Removes an attached image in a message being composed in the `MessageInput` component. By default, this function is attached to `onPress` handler for close button in [ImageUploadPreview](../../../core-components/channel.mdx#imageuploadpreview).
-It takes a string ID of the image to be removed in the [`imageUploads`](../../../contexts/message_input_context.mdx#imageuploads) array as parameter.
-
-| Type |
-| ---------------------- |
-| `(id: string) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/reset_input.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/reset_input.mdx
deleted file mode 100644
index 30eae37082..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/reset_input.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Resets the entire `MessageInput` component to empty state by clearing the text, attachments etc.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/send_message.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/send_message.mdx
deleted file mode 100644
index e6266a642a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/send_message.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Sends a composed message within `MessageInput` component to channel. This function is attached to `onPress` handler of [`SendButton`](../../../core-components/channel.mdx#sendbutton). The message optimistically gets added to message list UI first, before actually making API call to server.
-During this intermediate stage, MessageStatus component will display an indicator for "pending" state.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/send_message_async.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/send_message_async.mdx
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/send_thread_message_in_channel.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/send_thread_message_in_channel.mdx
deleted file mode 100644
index f82d5fc5c0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/send_thread_message_in_channel.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-This value is only applicable to `Thread` component. When value `sendThreadMessageInChannel` is true, message gets sent from `MessageInput` component with property `show_in_channel: true`.
-This value is attached to the checkbox (with label "Also Send To Channel") in `MessageInput` component within `Thread` component.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_file_uploads.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_file_uploads.mdx
deleted file mode 100644
index 4402485f15..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_file_uploads.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`fileUploads`](../../../contexts/message_input_context.mdx#fileuploads).
-
-| Type |
-| ----------------- |
-| `(files) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_giphy_active.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_giphy_active.mdx
deleted file mode 100644
index 7101949ad0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_giphy_active.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`giphyActive`](../../../contexts/message_input_context.mdx#giphyactive)
-
-| Type |
-| -------------------- |
-| `(isActive) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_image_uploads.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_image_uploads.mdx
deleted file mode 100644
index cdadca17b6..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_image_uploads.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`imageUploads`](../../../contexts/message_input_context.mdx#imageuploads).
-
-| Type |
-| ------------------ |
-| `(images) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_input_box_ref.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_input_box_ref.mdx
deleted file mode 100644
index 9520081bb1..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_input_box_ref.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`inputBoxRef`](../../../contexts/message_input_context.mdx#inputboxref)
-
-| Type |
-| --------------- |
-| `(ref) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_mentioned_users.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_mentioned_users.mdx
deleted file mode 100644
index c346731d97..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_mentioned_users.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`mentionedUsers`](../../../contexts/message_input_context.mdx#mentionedusers)
-
-| Type |
-| -------------------------- |
-| `(mentionedUsers) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_number_of_uploads.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_number_of_uploads.mdx
deleted file mode 100644
index 26c6f9d982..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_number_of_uploads.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`numberOfUploads`](../../../contexts/message_input_context.mdx#numberofuploads)
-
-| Type |
-| --------------------------- |
-| `(numberOfUploads) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_send_thread_message_in_channel.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_send_thread_message_in_channel.mdx
deleted file mode 100644
index ffc7db8efe..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_send_thread_message_in_channel.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`setSendThreadMessageInChannel`](../../../contexts/message_input_context.mdx#setsendthreadmessageinchannel).
-
-| Type |
-| -------------------------------------- |
-| `(sendThreadMessageInChannel) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_show_more_options.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_show_more_options.mdx
deleted file mode 100644
index e3a9be2565..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_show_more_options.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`showMoreOptions`](../../../contexts/message_input_context.mdx#showmoreoptions).
-
-| Type |
-| --------------------------- |
-| `(showMoreOptions) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_text.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_text.mdx
deleted file mode 100644
index eb0419fc17..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/set_text.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Setter function for [`text`](../../../contexts/message_input_context.mdx#text).
-
-| Type |
-| ---------------- |
-| `(text) => void` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/show_more_options.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/show_more_options.mdx
deleted file mode 100644
index 8349cb9794..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/show_more_options.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Represents the expanded or collapsed state for attach and commands button, next to input box.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/text.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/text.mdx
deleted file mode 100644
index 08ed06ce7e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/text.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Text message entered by user in underlying [`TextInput`](https://reactnative.dev/docs/textinput) within `MessageInput` component.
-This value is attached to `TextInput`'s [`value prop`](https://reactnative.dev/docs/textinput#value)
-
-| Type |
-| ------ |
-| string |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/toggle_attachment_picker.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/toggle_attachment_picker.mdx
deleted file mode 100644
index 7ac1423fab..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/toggle_attachment_picker.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to toggle attachment picker. By default, this function is attached to `onPress` handler for [`AttachButton`](../../../core-components/channel.mdx#attachbutton).
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/trigger_settings.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/trigger_settings.mdx
deleted file mode 100644
index b869370d37..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/trigger_settings.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Trigger settings for the auto complete input.
-
-| Type | Default |
-| ------ | --------------------------------------------------------------------------------------------------------------------- |
-| object | [TriggerSettings](https://github.com/GetStream/stream-chat-react-native/blob/develop/package/src/utils/utils.ts#L177) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/update_message.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/update_message.mdx
deleted file mode 100644
index c1333db5d0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/update_message.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-This function is a counterpart of [`sendMessage`](#sendmessage), for the case of editing a message. This function is attached to [`SendButton`](../../../core-components/channel.mdx#sendbutton) when some existing message is being updated.
-Similar to `sendMessage` function, the message will be updated in message list UI first, before making API call to update the message.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/upload_file.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/upload_file.mdx
deleted file mode 100644
index fe885323c4..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/upload_file.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-This function is used internally by [`uploadNewFile`](../../../contexts/message_input_context.mdx#uploadnewfile) function, and is used for purpose retry mechanism.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/upload_image.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/upload_image.mdx
deleted file mode 100644
index 59df5df5cd..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/upload_image.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-This function is used internally by [`uploadNewImage`](../../../contexts/message_input_context.mdx#uploadnewimage) function, and is used for purpose retry mechanism.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/upload_new_file.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/upload_new_file.mdx
deleted file mode 100644
index 536f06672b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/upload_new_file.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Function to upload an attached file in `MessageInput`. This function adds a file to [`fileUploads`](../../../contexts/message_input_context.mdx#fileuploads) array and calls `channel.sendFile`.
-This function takes a file from [react-native-document-picker](https://www.npmjs.com/package/react-native-document-picker) as parameter.
-
-| Type |
-| ------------------- |
-| `(file) => Promise` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/upload_new_image.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/upload_new_image.mdx
deleted file mode 100644
index 18cdfd6301..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-input-context/upload_new_image.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Function to upload an attached image in `MessageInput`. This function takes a image from `imageUploads` array as a parameter.
-
-| Type |
-| -------------------- |
-| `(image) => Promise` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-overlay-context/data.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-overlay-context/data.mdx
deleted file mode 100644
index b10aef4845..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/message-overlay-context/data.mdx
+++ /dev/null
@@ -1,107 +0,0 @@
-import MessageActions from '../../core-components/channel/props/message_actions.mdx';
-import SupportedReactions from '../../core-components/channel/props/supported_reactions.mdx';
-import OverlayReactionList from '../../core-components/overlay-provider/props/overlay_reaction_list.mdx';
-import HandleReaction from '../../core-components/channel/props/handle_reaction.mdx';
-
-import Alignment from '../message-context/alignment.mdx';
-import Files from '../message-context/files.mdx';
-import GroupStyles from '../message-context/group_styles.mdx';
-import Images from '../message-context/images.mdx';
-import MessageProp from '../message-context/message.mdx';
-import OnlyEmojis from '../message-context/only_emojis.mdx';
-import OtherAttachments from '../message-context/other_attachments.mdx';
-import ThreadList from '../message-context/thread_list.mdx';
-
-This is an object with following keys:
-
-- `alignment`
-
-{' '}
-
-, onSelect: function, queryText: string }` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/suggestions-context/suggestions_title.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/suggestions-context/suggestions_title.mdx
deleted file mode 100644
index 52e58df1f6..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/suggestions-context/suggestions_title.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Title component of current active suggestions autocomplete list.
-
-| Type |
-| ----------------- |
-| string \| Element |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/suggestions-context/suggestions_view_active.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/suggestions-context/suggestions_view_active.mdx
deleted file mode 100644
index 600a90b29b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/suggestions-context/suggestions_view_active.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Weather the autocomplete suggestions list is open or not.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/suggestions-context/trigger_type.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/suggestions-context/trigger_type.mdx
deleted file mode 100644
index 0d7beac084..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/suggestions-context/trigger_type.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-The trigger type triggers a particular type of autocomplete list depending on user input.
-
-| Type |
-| --------------------------------- |
-| 'command' \| 'emoji' \| 'mention' |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/suggestions-context/update_suggestions.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/suggestions-context/update_suggestions.mdx
deleted file mode 100644
index 27adddf35c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/suggestions-context/update_suggestions.mdx
+++ /dev/null
@@ -1,8 +0,0 @@
-Update the suggestions in autocomplete suggestions list. This function takes following two parameters:
-
-- `suggestions` - `{ data: array, onSelect: function }`
-- `title` - new title component for suggestions list.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/close_thread.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/close_thread.mdx
deleted file mode 100644
index ac1abfe63c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/close_thread.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Unsets the thread and thread messages in the Channel state.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/load_more_thread.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/load_more_thread.mdx
deleted file mode 100644
index 3d4d81e956..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/load_more_thread.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Loads more messages for the thread. Returns a promise.
-
-| Type |
-| --------------------- |
-| `() => Promise` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/open_thread.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/open_thread.mdx
deleted file mode 100644
index fc6aa2d94a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/open_thread.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Sets the thread and thread messages in the Channel state.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/reload_thread.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/reload_thread.mdx
deleted file mode 100644
index 7ecd2c5f5c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/reload_thread.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Reloads the thread and thread messages.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/set_thread_loading_more.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/set_thread_loading_more.mdx
deleted file mode 100644
index 0dd9f96b8d..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/set_thread_loading_more.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-A function which can be used to set the thread loading more state.
-
-| Type |
-| -------- |
-| function |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/thread_has_more.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/thread_has_more.mdx
deleted file mode 100644
index d2d60afea1..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/thread_has_more.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Boolean flag for thread messages pagination.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/thread_loading_more.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/thread_loading_more.mdx
deleted file mode 100644
index d301c20527..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/thread_loading_more.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Boolean flag for thread messages loading more state.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/thread_messages.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/thread_messages.mdx
deleted file mode 100644
index 64ce04cc17..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/contexts/thread-context/thread_messages.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-A list of formatted messages objects.
-
-| Type |
-| --------------- | ------------------------------------------------------------------------------ |
-| `Array` | |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel-list/props/additional_flat_list_props.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel-list/props/additional_flat_list_props.mdx
deleted file mode 100644
index d2e09c9cf3..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel-list/props/additional_flat_list_props.mdx
+++ /dev/null
@@ -1,19 +0,0 @@
-Additional props provided to the underlying [FlatList](https://reactnative.dev/docs/flatlist#props).
-
-#### Example
-
-```tsx
-const flatListProps = { bounces: true };
-
- (flatListRef.current = ref)} />;
-```
-
-| Type |
-| -------- |
-| function |
-
-| Parameter | Description |
-| --------- | ------------ |
-| ref | FlatList ref |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel-list/props/skeleton.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel-list/props/skeleton.mdx
deleted file mode 100644
index 3fdbc37915..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel-list/props/skeleton.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Row item rendered in the [`LoadingIndicator`](#loadingindicator).
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------------------------- |
-| component | [Skeleton](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelList/Skeleton.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel-list/props/sort.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel-list/props/sort.mdx
deleted file mode 100644
index 06b186218e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel-list/props/sort.mdx
+++ /dev/null
@@ -1,19 +0,0 @@
-Sort object passed internally to the [client query function](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript) as a parameter.
-You can sort a query on [built-in](https://getstream.io/chat/docs/javascript/query_channels/?language=javascript#query-parameters) and custom fields on a Channel.
-
-#### Example
-
-```tsx
-const sort = { last_updated: -1 };
-```
-
-:::note
-
-For optimal performance you should pass a sort object with a static reference.
-You can use a sort object that is not created inline; or memoize an inline sort object before passing it to the `ChannelList` to achieve this.
-
-:::
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/additional_keyboard_avoiding_view_props.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/additional_keyboard_avoiding_view_props.mdx
deleted file mode 100644
index d964b847a2..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/additional_keyboard_avoiding_view_props.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Additional props provided to the underlying [KeyboardAvoidingView](https://reactnative.dev/docs/keyboardavoidingview#props).
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/additional_text_input_props.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/additional_text_input_props.mdx
deleted file mode 100644
index 195954dd62..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/additional_text_input_props.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Additional props provided to the underlying [TextInput](https://reactnative.dev/docs/textinput#props) within [`MessageInput`](../../../../ui-components/message_input.mdx).
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/additional_touchable_props.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/additional_touchable_props.mdx
deleted file mode 100644
index ff91a4acf0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/additional_touchable_props.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Additional props provided to the underlying [TouchableOpacity](https://reactnative.dev/docs/touchableopacity#props) used by components within a message such as [`MessageContent`](../../../../ui-components/message_content.mdx#additionaltouchableprops).
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/allow_thread_messages_in_channel.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/allow_thread_messages_in_channel.mdx
deleted file mode 100644
index 04a251381f..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/allow_thread_messages_in_channel.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Display the _Show thread message in channel_ button inside the thread MessageInput.
-
-| Type | Default |
-| ------- | ------- |
-| boolean | true |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/animated_long_press.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/animated_long_press.mdx
deleted file mode 100644
index b7c2ae8ba1..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/animated_long_press.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Animate with a _pop_ the long-press action on the message bubble.
-
-| Type | Default |
-| ------- | ----------------------------- |
-| boolean | iOS: true)
-
-| Type | Default |
-| --------- | --------------------------------------------------------------- |
-| component | [`MessageSystem`](../../../../ui-components/message_system.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/message_text.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/message_text.mdx
deleted file mode 100644
index 8cd80409d3..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/message_text.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Component to render text of message. By default, we use [Simple Markdown](https://github.com/Khan/simple-markdown#adding-a-simple-extension) package to render the text content of message.
-If you decide to use this prop, please be aware that you will need to handle the markdown rendering yourself.
-
-| Type | Default |
-| --------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [renderText](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Message/MessageSimple/utils/renderText.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/more_options_button.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/more_options_button.mdx
deleted file mode 100644
index 892022b395..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/more_options_button.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render a button within enclosed MessageInput, which when pressed shows more options such as AttachButton, CommandsButton.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------------ |
-| component | [`MoreOptionsButton`](../../../../ui-components/more_options_button.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/mute_user.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/mute_user.mdx
deleted file mode 100644
index 6c87d11a06..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/mute_user.mdx
+++ /dev/null
@@ -1,11 +0,0 @@
-Override of the _Mute User_ [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
-The `muteUser` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
-
-| Type |
-| ---------------- |
-| function \| null |
-
-| Parameter | Description |
-| --------- | ------------------------------- |
-| message | message the action is called on |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/my_message_theme.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/my_message_theme.mdx
deleted file mode 100644
index d336cec5fb..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/my_message_theme.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-[Theme](/reactnative/customization/theming/) applied to messages of the current user.
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/network_down_indicator.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/network_down_indicator.mdx
deleted file mode 100644
index 6cc5577fc8..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/network_down_indicator.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render an indicator at top of the channel, which shows up when there is some issue with network or connection.
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [NetworkDownIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/NetworkDownIndicator.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/new_message_state_update_throttle_interval.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/new_message_state_update_throttle_interval.mdx
deleted file mode 100644
index 69650a593a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/new_message_state_update_throttle_interval.mdx
+++ /dev/null
@@ -1,8 +0,0 @@
-**Note:** This prop is available only in SDK version >= [v3.9.0](https://github.com/GetStream/stream-chat-react-native/releases)
-
-Throttling interval (in milliseconds) for react state update for channel, when new messages arrive in chat. By default state updates are throttled at 500 ms, but for high concurrency
-application this prop should be adjusted to 1000 ms to avoid excessive overload on JS thread.
-
-| Type | Default |
-| ------ | ------- |
-| number | 500 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/number_of_lines.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/number_of_lines.mdx
deleted file mode 100644
index 014a335cce..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/number_of_lines.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Maximum number of lines that underlying [`TextInput`](https://reactnative.dev/docs/textinput) component within [`MessageInput`](../../../../ui-components/message_input.mdx) should expand to.
-
-| Type | Default |
-| ------ | ------- |
-| number | 5 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_change_text.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_change_text.mdx
deleted file mode 100644
index 5fdd5f49b1..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_change_text.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Callback that is called when the text input's text changes.
-
-| Type |
-| -------- |
-| function |
-
-| Parameter | Description |
-| --------- | ------------ |
-| text | changed text |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_double_tap_message.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_double_tap_message.mdx
deleted file mode 100644
index d62ae508e4..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_double_tap_message.mdx
+++ /dev/null
@@ -1,15 +0,0 @@
-Function called when a user double taps a message.
-
-:::note
-
-The [double tap reaction guide](/reactnative/guides/message-customization#instagram-style-double-tap-reaction) can be used as a reference for implementing other double tap actions.
-
-:::
-
-| Type |
-| -------- |
-| function |
-
-| Parameter | Description |
-| --------- | ----------------------------- |
-| payload | `{ actionHandlers, message }` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_long_press_message.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_long_press_message.mdx
deleted file mode 100644
index 8f20fe2362..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_long_press_message.mdx
+++ /dev/null
@@ -1,10 +0,0 @@
-Function called when a user long presses a message.
-The default opens the message actions overlay.
-
-| Type |
-| -------- |
-| function |
-
-| Parameter | Description |
-| --------- | ----------------------------- |
-| payload | `{ actionHandlers, message }` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_press_in_message.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_press_in_message.mdx
deleted file mode 100644
index 1e010f463e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_press_in_message.mdx
+++ /dev/null
@@ -1,9 +0,0 @@
-Function called immediately when a touch is engaged on a message, before [`onPressMessage`](#onpressmessage).
-
-| Type |
-| -------- |
-| function |
-
-| Parameter | Description |
-| --------- | ----------------------------- |
-| payload | `{ actionHandlers, message }` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_press_message.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_press_message.mdx
deleted file mode 100644
index 484ada738b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/on_press_message.mdx
+++ /dev/null
@@ -1,44 +0,0 @@
-Function called when a user presses a message.
-
-:::caution
-
-The default handler for message press interactions acts differently when pressing on reactions and attachments.
-You will have to handle these cases when overriding this function.
-
-:::
-
-| Type |
-| -------- |
-| function |
-
-| Parameter | Description |
-| --------- | --------------------------------------------- |
-| payload | `{ additionalInfo, actionHandlers, message }` |
-
-The `additionalInfo` prop is handy for getting information from certain click events.
-A good example of this is getting the user details when a `textMention` (for example @Enigma-I-am) is clicked.
-
-For example:
-
-```tsx
- {
-
- if (emitter === 'textMention') {
- console.log(additionalInfo?.user);
- return;
- }
-
- if (emitter === 'card' || emitter === 'textLink') {
- console.log(additionalInfo?.url);
- return;
- }
-
- defaultHandler?.();
- }}
- >
-```
-
-:::info
-
-The `additionalInfo` prop will change over time as we explore more use-cases for different `emitter's`.
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/overlay_reaction_list.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/overlay_reaction_list.mdx
deleted file mode 100644
index 9d8615a593..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/overlay_reaction_list.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render reaction list within message overlay, which shows up when user long presses a message.
-
-| Type | Default |
-| --------- | ---------------------------------------------------------------------------- |
-| component | [`OverlayReactionList`](../../../../ui-components/overlay_reaction_list.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/override_own_capabilities.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/override_own_capabilities.mdx
deleted file mode 100644
index 65269905c0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/override_own_capabilities.mdx
+++ /dev/null
@@ -1,36 +0,0 @@
-Object to override the capabilities of current user, which are affected by number of factors such as user permissions, channel type configurations and channel settings.
-These capabilities are used to enable or disable certain UI features within the SDK. To know more about capabilities, please take a look at following documentation:
-
-https://getstream.io/chat/docs/javascript/channel_capabilities/?language=javascript
-
-For example:
-
-```tsx
-= [v3.9.0](https://github.com/GetStream/stream-chat-react-native/releases)
-
-Throttling interval (in milliseconds) for react state update for channel, (except new messages). By default state updates are throttled at 500 ms, but for high concurrency
-application this prop should be adjusted to 1000 ms to avoid excessive overload on JS thread.
-
-| Type | Default |
-| ------ | ------- |
-| number | 500 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/supported_reactions.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/supported_reactions.mdx
deleted file mode 100644
index 7211965e69..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/supported_reactions.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-List of reactions which can be added on message.
-Please refer to [the guide on customizing reactions](/reactnative/guides/message-customization#message-with-custom-reactions) for details.
-
-| Type | Default |
-| ----- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| array | [reactionData](https://github.com/GetStream/stream-chat-react-native/blob/182f1047a1417da64047a12f9a6cfaf1252cfbd8/package/src/components/Channel/Channel.tsx#L129) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/thread.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/thread.mdx
deleted file mode 100644
index 27ac967a77..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/thread.mdx
+++ /dev/null
@@ -1,13 +0,0 @@
-A message object that when set indicates a thread is open.
-When used with the [`Thread`](/reactnative/ui-components/thread) component this will display the thread.
-When used with the standard [`MessageList`](/reactnative/ui-components/message-list) component this will prevent any singleton components in the [`OverlayProvider`](/reactnative/core-components/overlay-provider) form getting out of sync.
-
-:::note
-
-`thread` should be set on all `Channel` components when a thread is open.
-
-:::
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/thread_list.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/thread_list.mdx
deleted file mode 100644
index f605d470ad..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/thread_list.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Tells the Channel component if it is rendering a thread. We use this flag to avoid concurrency problems between a
-regular channel and a channel containing a thread.
-
-| Type |
-| ------- |
-| boolean |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/thread_reply.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/thread_reply.mdx
deleted file mode 100644
index 8a179d45d9..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/thread_reply.mdx
+++ /dev/null
@@ -1,11 +0,0 @@
-Override of the _Thread Reply_ [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
-The `threadReply` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
-
-| Type |
-| ---------------- |
-| function \| null |
-
-| Parameter | Description |
-| --------- | ------------------------------- |
-| message | message the action is called on |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/typing_indicator.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/typing_indicator.mdx
deleted file mode 100644
index 2f372b89be..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/typing_indicator.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render typing indicator within enclosed MessageList component.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------- |
-| component | [`TypingIndicator`](../../../../ui-components/typing_indicator.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/typing_indicator_container.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/typing_indicator_container.mdx
deleted file mode 100644
index 65713650e3..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/typing_indicator_container.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render container in which typing indicator gets rendered within enclosed MessageList component.
-
-| Type | Default |
-| --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [TypingIndicatorContainer](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/TypingIndicatorContainer.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/upload_progress_indicator.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/upload_progress_indicator.mdx
deleted file mode 100644
index 3c2438b2cb..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/upload_progress_indicator.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render progress indicator on `ImageUploadPreview` and `FileUploadPreview` components, as overlay.
-
-| Type | Default |
-| --------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [UploadProgressIndicator](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageInput/UploadProgressIndicator.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/url_preview.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/url_preview.mdx
deleted file mode 100644
index 650b8c3f1d..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/url_preview.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render preview of URLs in `MessageList`.
-
-| Type | Default |
-| --------- | -------------------------------------------- |
-| component | [`Card`](../../../../ui-components/card.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/video_thumbnail.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/video_thumbnail.mdx
deleted file mode 100644
index 7e1491a26a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/channel/props/video_thumbnail.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component to render the video thumbnail for video attachments in MessageList.
-
-| Type | Default |
-| --------- | ----------------------------------------------------------------- |
-| component | [`VideoThumbnail`](../../../../ui-components/video_thumbnail.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/chat/props/client.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/chat/props/client.mdx
deleted file mode 100644
index 1e8af06388..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/chat/props/client.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Instance of StreamChat client.
-
-| Type |
-| ------------------------------------------ |
-| [`StreamChat`](/reactnative/basics/client) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_handle.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_handle.mdx
deleted file mode 100644
index 0613334e2e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_handle.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Bottom sheet handle component for image picker.
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [AttachmentPickerBottomSheetHandle](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_handle_height.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_handle_height.mdx
deleted file mode 100644
index 60b0628e57..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_handle_height.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Height of the image picker bottom sheet handle.
-
-| Type | Default |
-| ------ | ------- |
-| number | 20 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_height.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_height.mdx
deleted file mode 100644
index 5d51cd6e80..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_height.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Height of the image picker bottom sheet when closed.
-
-| Type | Default |
-| ------ | ------- |
-| number | 308 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error.mdx
deleted file mode 100644
index 18d1cf0692..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Error component displayed when the app doesn't have permissions to access photos on the device.
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [AttachmentPickerError](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerError.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_button_text.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_button_text.mdx
deleted file mode 100644
index 5aa2d1a4b0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_button_text.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Text for the button within [`AttachmentPickerError`](/reactnative/core-components/overlay-provider#attachmentpickererror) that opens the apps OS level settings.
-
-| Type | Default |
-| ------ | ------------------------------ |
-| string | "Allow access to your Gallery" |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_image.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_image.mdx
deleted file mode 100644
index 5fb74bb124..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_image.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Image component within [`AttachmentPickerError`](/reactnative/core-components/overlay-provider#attachmentpickererror).
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [AttachmentPickerErrorImage](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/AttachmentPickerErrorImage.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_text.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_text.mdx
deleted file mode 100644
index fcb5e6bd11..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_text.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Error text for [`AttachmentPickerError`](/reactnative/core-components/overlay-provider#attachmentpickererror).
-
-| Type | Default |
-| ------ | ----------------------------------------------------------------------- |
-| string | "Please enable access to your photos and videos so you can share them." |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_selection_bar_height.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_selection_bar_height.mdx
deleted file mode 100644
index 2089351735..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/attachment_selection_bar_height.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Height of the attachment selection bar displayed above the image picker.
-
-| Type | Default |
-| ------ | ------- |
-| number | 52 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/camera_selector_icon.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/camera_selector_icon.mdx
deleted file mode 100644
index 40731fd938..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/camera_selector_icon.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Camera selector component displayed in the attachment selector bar.
-
-| Type | Default |
-| --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [CameraSelectorIcon](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/CameraSelectorIcon.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/file_selector_icon.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/file_selector_icon.mdx
deleted file mode 100644
index 8a3ac1f40e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/file_selector_icon.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-File selector component displayed in the attachment selector bar.
-
-| Type | Default |
-| --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [FileSelectorIcon](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/FileSelectorIcon.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/giphy_version.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/giphy_version.mdx
deleted file mode 100644
index 84268ee9ed..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/giphy_version.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-The Giphy version to render when viewing a Giphy in the Image Gallery.
-Check the keys of the [Image Object](https://developers.giphy.com/docs/api/schema#image-object) for possible values.
-
-| Type | Default |
-| ------ | -------------- |
-| string | 'fixed_height' |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/i18n_instance.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/i18n_instance.mdx
deleted file mode 100644
index 3c270374d9..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/i18n_instance.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Instance of `Streami18n` class used for internationalization.
-Please read more in the [translations docs](/reactnative/basics/translations) for details on creation and customization.
-
-| Type |
-| ------------------------------------------------ |
-| [`Streami18n`](/reactnative/basics/translations) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_gallery_custom_components.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_gallery_custom_components.mdx
deleted file mode 100644
index 150909f313..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_gallery_custom_components.mdx
+++ /dev/null
@@ -1,12 +0,0 @@
-[Image gallery](../../../../ui-components/image_gallery.mdx) components.
-Each key in the object is spread as props onto its respective component.
-Each component has a number of sub-components it can receive in this manor.
-
-- `footer` -> [ImageGalleryFooter](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ImageGallery/components/ImageGalleryFooter.tsx)
-- `grid` -> [ImageGrid](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ImageGallery/components/ImageGrid.tsx)
-- `gridHandle` -> [ImageGridHandle](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ImageGallery/components/ImageGridHandle.tsx)
-- `header` -> [ImageGalleryHeader](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ImageGallery/components/ImageGalleryHeader.tsx)
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_gallery_grid_handle_height.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_gallery_grid_handle_height.mdx
deleted file mode 100644
index 6968b0287f..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_gallery_grid_handle_height.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Height of the image gallery grid bottom sheet handle.
-
-| Type | Default |
-| ------ | ------- |
-| number | 40 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_gallery_grid_snap_points.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_gallery_grid_snap_points.mdx
deleted file mode 100644
index 9b50e7771a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_gallery_grid_snap_points.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-[`SnapPoints`](https://gorhom.github.io/react-native-bottom-sheet/props#snappoints) for the image gallery grid bottom sheet.
-
-| Type | Default |
-| ----- | ------------------------------ |
-| array | `[0, (screenHeight * 9) / 10]` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_overlay_selected_component.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_overlay_selected_component.mdx
deleted file mode 100644
index be2272e01e..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_overlay_selected_component.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Indicator component used to designate an image as selected in the image picker.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [ImageOverlaySelectedComponent](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/ImageOverlaySelectedComponent.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_selector_icon.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_selector_icon.mdx
deleted file mode 100644
index 0682c4d0c8..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/image_selector_icon.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Image selector component displayed in the attachment selector bar.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| component | [ImageSelectorIcon](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/AttachmentPicker/components/ImageSelectorIcon.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/message_action_list.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/message_action_list.mdx
deleted file mode 100644
index 69ed208e33..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/message_action_list.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component for rendering a message action list within the message overlay.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Component | [[MessageActionList](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageOverlay/MessageActionList.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/message_action_list_item.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/message_action_list_item.mdx
deleted file mode 100644
index fbb9af5186..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/message_action_list_item.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component for rendering message action list items within a message action list.
-
-| Type | Default |
-| --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Component | [MessageActionListItem](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageOverlay/MessageActionListItem.tsx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/message_text_number_of_lines.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/message_text_number_of_lines.mdx
deleted file mode 100644
index 59da1575e3..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/message_text_number_of_lines.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Number of lines for the message text in the Message Overlay.
-
-| Type | Default |
-| ------ | ------- |
-| number | 5 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/number_of_attachment_images_to_load_per_call.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/number_of_attachment_images_to_load_per_call.mdx
deleted file mode 100644
index 149b3b49d3..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/number_of_attachment_images_to_load_per_call.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Number of images to load per call to [`CameraRoll.getPhotos`](https://github.com/react-native-cameraroll/react-native-cameraroll#getphotos).
-
-| Type | Default |
-| ------ | ------- |
-| number | 60 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/number_of_attachment_picker_image_columns.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/number_of_attachment_picker_image_columns.mdx
deleted file mode 100644
index 870cff5d9a..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/number_of_attachment_picker_image_columns.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Number of columns to render within the image picker.
-
-| Type | Default |
-| ------ | ------- |
-| number | 3 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/number_of_image_gallery_grid_columns.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/number_of_image_gallery_grid_columns.mdx
deleted file mode 100644
index 334c9a928c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/number_of_image_gallery_grid_columns.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Number of columns to render within the image gallery grid.
-
-| Type | Default |
-| ------ | ------- |
-| number | 3 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/overlay_reaction_list.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/overlay_reaction_list.mdx
deleted file mode 100644
index f01bf0b96c..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/overlay_reaction_list.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Reaction selector component displayed within the message overlay when user long presses a message.
-
-| Type | Default |
-| --------- | -------------------------------------------------------------------------- |
-| component | [OverlayReactionList](../../../../ui-components/overlay_reaction_list.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/overlay_reactions.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/overlay_reactions.mdx
deleted file mode 100644
index 1d917dea43..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/overlay_reactions.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-List of reactions component within the message overlay.
-
-| Type | Default |
-| --------- | ------------------------------------------------------------------- |
-| component | [OverlayReactions](../../../../ui-components/overlay_reactions.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/overlay_reactions_avatar.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/overlay_reactions_avatar.mdx
deleted file mode 100644
index 1cd2a47a6b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/overlay_reactions_avatar.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Component for rendering a avatar in the message reaction overlay.
-
-| Type | Default |
-| --------- | -------------------------------------------------------------------------------- |
-| component | [OverlayReactionsAvatar](../../../../ui-components/overlay_reactions_avatar.mdx) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/value.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/value.mdx
deleted file mode 100644
index f20d14f219..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/core-components/overlay-provider/props/value.mdx
+++ /dev/null
@@ -1,20 +0,0 @@
-Partially overrides the `value` provided to the `OverlayContext`.
-This prop can be used to set the [theme](/reactnative/customization/theming) via the `style` key.
-
-```tsx
-const theme = {
- messageSimple: {
- file: {
- container: {
- backgroundColor: 'red',
- },
- },
- },
-};
-
-... ;
-```
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/channel.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/channel.mdx
deleted file mode 100644
index ae171821b0..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/channel.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-Instance of Channel from stream-chat package.
-
-| Type |
-| ------------------------------------------------------------------------------------------- |
-| [Channel](https://getstream.io/chat/docs/javascript/creating_channels/?language=javascript) |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/format_latest_message_date.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/format_latest_message_date.mdx
deleted file mode 100644
index ac84237b3b..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/format_latest_message_date.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-Formatter function for date of latest message.
-
-Returns a formatted date string. Default today's date is shown in 'HH:mm A' format and other dates are displayed in 'DD/MM/YY' format. This default logic is part of [ChannelPreview](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/ChannelPreview/ChannelPreview.tsx) component.
-
-| Type |
-| ------------------------ |
-| `(date: Date) => string` |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/latest_message_preview.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/latest_message_preview.mdx
deleted file mode 100644
index 48b662e94f..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/latest_message_preview.mdx
+++ /dev/null
@@ -1,19 +0,0 @@
-Latest message on a channel, formatted for preview.
-
-e.g.
-
-```
-{
- created_at: '' ,
- messageObject: { ... },
- previews: {
- bold: true,
- text: 'This is the message preview text'
- },
- status: 0 | 1 | 2 // read states of latest message.
-}
-```
-
-| Type |
-| ------ |
-| object |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/max_unread_count.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/max_unread_count.mdx
deleted file mode 100644
index 3e58f911ff..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/max_unread_count.mdx
+++ /dev/null
@@ -1,6 +0,0 @@
-Max number to display within the unread notification badge.
-The value cannot exceed the backend limit of 255.
-
-| Type | Default |
-| ------ | ------- |
-| number | 255 |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/unread.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/unread.mdx
deleted file mode 100644
index 606ba5f917..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/common-content/ui-components/channel-preview-messenger/props/unread.mdx
+++ /dev/null
@@ -1,5 +0,0 @@
-Number of unread messages on the channel
-
-| Type |
-| ------ |
-| number |
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/contexts/_category_.json b/docusaurus/reactnative_versioned_docs/version-4.x.x/contexts/_category_.json
deleted file mode 100644
index d28b5c6dc4..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/contexts/_category_.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
- "label": "Contexts",
- "position": 5
-}
\ No newline at end of file
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/contexts/attachment_picker_context.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/contexts/attachment_picker_context.mdx
deleted file mode 100644
index cfe9bf9a05..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/contexts/attachment_picker_context.mdx
+++ /dev/null
@@ -1,173 +0,0 @@
----
-id: attachment-picker-context
-title: AttachmentPickerContext
----
-
-import SelectedPicker from '../common-content/contexts/attachment-picker-context/selected_picker.mdx';
-
-import AttachmentPickerBottomSheetHeight from '../common-content/core-components/overlay-provider/props/attachment_picker_bottom_sheet_height.mdx';
-import AttachmentSelectionBarHeight from '../common-content/core-components/overlay-provider/props/attachment_selection_bar_height.mdx';
-import CameraSelectorIcon from '../common-content/core-components/overlay-provider/props/camera_selector_icon.mdx';
-import FileSelectorIcon from '../common-content/core-components/overlay-provider/props/file_selector_icon.mdx';
-import ImageSelectorIcon from '../common-content/core-components/overlay-provider/props/image_selector_icon.mdx';
-
-`AttachmentPickerContext` is provided by [`OverlayProvider`](../core-components/overlay_provider.mdx) component. If you are not familiar with React Context API, please read about it on [React docs](https://reactjs.org/docs/context.html).
-
-## Basic Usage
-
-`AttachmentPickerContext` can be consumed by any of the child component of `OverlayProvider` component as following:
-
-```tsx
-import { useContext } from 'react';
-import { AttachmentPickerContext } from 'stream-chat-react-native';
-
-const { openPicker, closePicker } = useContext(AttachmentPickerContext);
-```
-
-Alternatively, you can also use `useAttachmentPickerContext` hook provided by library to consume AttachmentPickerContext.
-
-```tsx
-import { useAttachmentPickerContext } from 'stream-chat-react-native';
-
-const { openPicker, closePicker } = useAttachmentPickerContext();
-```
-
-## Value
-
-### _forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#attachmentpickerbottomsheetheight)_ props
attachmentPickerBottomSheetHeight {#attachmentpickerbottomsheetheight}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#attachmentselectionbarheight)_ props
attachmentSelectionBarHeight {#attachmentselectionbarheight}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#cameraselectoricon)_ props
CameraSelectorIcon {#cameraselectoricon}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#fileselectoricon)_ props
FileSelectorIcon {#fileselectoricon}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#imageselectoricon)_ props
ImageSelectorIcon {#imageselectoricon}
-
-_forwarded from [Channel](../core-components/channel.mdx#channel)_ props
channel {#channel}
-
-_forwarded from [Channel](../core-components/channel.mdx#enforceuniquereaction)_ props
enforceUniqueReaction {#enforceuniquereaction}
-
-_forwarded from [Channel](../core-components/channel.mdx#hidedateseparators)_ props
hideDateSeparators {#hidedateseparators}
-
-_forwarded from [Channel](../core-components/channel.mdx#hidestickydateheader)_ props
hideStickyDateHeader {#hidestickydateheader}
-
-_forwarded from [Channel](../core-components/channel.mdx#loadingindicator)_ props
LoadingIndicator {#loadingindicator}
-
-_forwarded from [Channel](../core-components/channel.mdx#maxtimebetweengroupedmessages)_ props
maxTimeBetweenGroupedMessages {#maxtimebetweengroupedmessages}
-
-;
- }
->;
-```
-
-| Type |
-| ------ |
-| object |
-
-### `reloadChannel`
-
-Function to reload a channel at most recent message. Promise returned by this function will be resolved, when the channel has finished reloading.
-
-| Type |
-| ------------- |
-| () => Promise |
-
-### scrollToFirstUnreadThreshold
-
-_forwarded from [Channel](../core-components/channel.mdx#emptystateindicator)_ props
EmptyStateIndicator {#emptystateindicator}
-
-_forwarded from [Channel](../core-components/channel.mdx#networkdownindicator)_ props
NetworkDownIndicator {#networkdownindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#additionalflatlistprops)_ props
additionalFlatListProps {#additionalflatlistprops}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#listheadercomponent)_ props
ListHeaderComponent {#listheadercomponent}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#loadmorethreshold)_ props
loadMoreThreshold {#loadmorethreshold}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#maxunreadcount)_ props
maxUnreadCount {#maxunreadcount}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#numberofskeletons)_ props
numberOfSkeletons {#numberofskeletons}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#onselect)_ props
`onSelect` {#onselect}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#setflatlistref)_ props
setFlatListRef {#setflatlistref}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#emptystateindicator)_ props
EmptyStateIndicator {#emptystateindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#footerloadingindicator)_ props
FooterLoadingIndicator {#footerloadingindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#headererrorindicator)_ props
HeaderErrorIndicator {#headererrorindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#headernetworkdownindicator)_ props
HeaderNetworkDownIndicator {#headernetworkdownindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#loadingerrorindicator)_ props
LoadingErrorIndicator {#loadingerrorindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#loadingindicator)_ props
LoadingIndicator {#loadingindicator}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#preview)_ props
Preview {#preview}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#previewavatar)_ props
PreviewAvatar {#previewavatar}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#previewmessage)_ props
PreviewMessage {#previewmessage}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#previewstatus)_ props
PreviewStatus {#previewstatus}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#previewtitle)_ props
PreviewTitle {#previewtitle}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#previewunreadcount)_ props
PreviewUnreadCount {#previewunreadcount}
-
-_forwarded from [ChannelList](../core-components/channel_list.mdx#skeleton)_ props
Skeleton {#skeleton}
-
-_forwarded from [Channel](../core-components/channel.mdx#additionaltextinputprops)_ props
additionalTextInputProps {#additionaltextinputprops}
-
-_forwarded from [Channel](../core-components/channel.mdx#autocompletesuggestionslimit)_ props
autoCompleteSuggestionsLimit {#autocompletesuggestionslimit}
-
-_forwarded from [Channel](../core-components/channel.mdx#autocompletetriggersettings)_ props
autoCompleteTriggerSettings {#autocompletetriggersettings}
-
-_forwarded from [Channel](../core-components/channel.mdx#compressimagequality)_ props
compressImageQuality {#compressimagequality}
-
-_forwarded from [Channel](../core-components/channel.mdx#dodocuploadrequest)_ props
doDocUploadRequest {#dodocuploadrequest}
-
-_forwarded from [Channel](../core-components/channel.mdx#doimageuploadrequest)_ props
doImageUploadRequest {#doimageuploadrequest}
-
-_forwarded from [Channel](../core-components/channel.mdx#editmessage)_ props
`editMessage` {#editmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#hascommands)_ props
`hasCommands` {#hascommands}
-
-_forwarded from [Channel](../core-components/channel.mdx#hasfilepicker)_ props
hasFilePicker {#hasfilepicker}
-
-_forwarded from [Channel](../core-components/channel.mdx#hasimagepicker)_ props
hasImagePicker {#hasimagepicker}
-
-_forwarded from [Channel](../core-components/channel.mdx#initialvalue)_ props
`initialValue` {#initialvalue}
-
-_forwarded from [Channel](../core-components/channel.mdx#maxmessagelength)_ props
maxMessageLength {#maxmessagelength}
-
-_forwarded from [Channel](../core-components/channel.mdx#maxnumberoffiles)_ props
maxNumberOfFiles {#maxnumberoffiles}
-
-_forwarded from [Channel](../core-components/channel.mdx#mentionallappusersenabled)_ props
mentionAllAppUsersEnabled {#mentionallappusersenabled}
-
-_forwarded from [Channel](../core-components/channel.mdx#mentionallappusersquery)_ props
mentionAllAppUsersQuery {#mentionallappusersquery}
-
-_forwarded from [Channel](../core-components/channel.mdx#numberoflines)_ props
numberOfLines {#numberoflines}
-
-_forwarded from [Channel](../core-components/channel.mdx#onchangetext)_ props
onChangeText {#onchangetext}
-
-_forwarded from [Channel](../core-components/channel.mdx#sendimageasync)_ props
sendImageAsync {#sendimageasync}
-
-_forwarded from [AttachmentPickerContext](../contexts/attachment_picker_context.mdx#selectedpicker)_
`selectedPicker` {#selectedpicker}
-
-_forwarded from [ThreadContext](../contexts/thread_context.mdx#thread)_
thread {#thread}
-
-_forwarded from [Channel](../core-components/channel.mdx#attachbutton)_ props
AttachButton {#attachbutton}
-
-_forwarded from [Channel](../core-components/channel.mdx#commandsbutton)_ props
CommandsButton {#commandsbutton}
-
-_forwarded from [Channel](../core-components/channel.mdx#fileuploadpreview)_ props
FileUploadPreview {#fileuploadpreview}
-
-_forwarded from [Channel](../core-components/channel.mdx#imageuploadpreview)_ props
ImageUploadPreview {#imageuploadpreview}
-
-_forwarded from [Channel](../core-components/channel.mdx#input)_ props
Input {#input}
-
-_forwarded from [Channel](../core-components/channel.mdx#inputbuttons)_ props
InputButtons {#inputbuttons}
-
-_forwarded from [Channel](../core-components/channel.mdx#moreoptionsbutton)_ props
MoreOptionsButton {#moreoptionsbutton}
-
-_forwarded from [Channel](../core-components/channel.mdx#sendbutton)_ props
SendButton {#sendbutton}
-
-_forwarded from [Channel](../core-components/channel.mdx#sendmessagedisallowedindicator)_ props
SendMessageDisallowedIndicator {#sendmessagedisallowedindicator}
-
-_forwarded from [Channel](../core-components/channel.mdx#showthreadmessageinchannelbutton)_ props
ShowThreadMessageInChannelButton {#showthreadmessageinchannelbutton}
-
-_forwarded from [Channel](../core-components/channel.mdx#uploadprogressindicator)_ props
UploadProgressIndicator {#uploadprogressindicator}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#overlayreactionlist)_ props
OverlayReactionList {#overlayreactionlist}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#overlayreactions)_ props
OverlayReactions {#overlayreactions}
-
-_forwarded from [OverlayProvider](../core-components/overlay_provider.mdx#overlayreactionsavatar)_ props
OverlayReactionsAvatar {#overlayreactionsavatar}
-
-_forwarded from [Channel](../core-components/channel.mdx#additionaltouchableprops)_ props
additionalTouchableProps {#additionaltouchableprops}
-
-_forwarded from [Channel](../core-components/channel.mdx#deletedmessagesvisibiltytype)_ props
deletedMessagesVisibilityType {#deletedmessagesvisibilitytype}
-
-_forwarded from [Channel](../core-components/channel.mdx#disabletypingindicator)_ props
disableTypingIndicator {#disabletypingindicator}
-
-_forwarded from [Channel](../core-components/channel.mdx#dismisskeyboardonmessagetouch)_ props
dismissKeyboardOnMessageTouch {#dismisskeyboardonmessagetouch}
-
-_forwarded from [Channel](../core-components/channel.mdx#enablemessagegroupingbyuser)_ props
enableMessageGroupingByUser {#enablemessagegroupingbyuser}
-
-_forwarded from [Channel](../core-components/channel.mdx#forcealignmessages)_ props
forceAlignMessages {#forcealignmessages}
-
-_forwarded from [Channel](../core-components/channel.mdx#formatdate)_ props
`formatDate` {#formatdate}
-
-_forwarded from [Channel](../core-components/channel.mdx#handleblock)_ props
`handleBlock` {#handleblock}
-
-_forwarded from [Channel](../core-components/channel.mdx#handlecopy)_ props
`handleCopy` {#handlecopy}
-
-_forwarded from [Channel](../core-components/channel.mdx#handledelete)_ props
`handleDelete` {#handledelete}
-
-_forwarded from [Channel](../core-components/channel.mdx#handleedit)_ props
`handleEdit` {#handleedit}
-
-_forwarded from [Channel](../core-components/channel.mdx#handleflag)_ props
`handleFlag` {#handleflag}
-
-_forwarded from [Channel](../core-components/channel.mdx#handlemute)_ props
`handleMute` {#handlemute}
-
-_forwarded from [Channel](../core-components/channel.mdx#handlequotedreply)_ props
handleQuotedReply {#handlequotedreply}
-
-_forwarded from [Channel](../core-components/channel.mdx#handlereaction)_ props
handleReaction {#handlereaction}
-
-_forwarded from [Channel](../core-components/channel.mdx#handleretry)_ props
`handleRetry` {#handleretry}
-
-_forwarded from [Channel](../core-components/channel.mdx#handlethreadreply)_ props
`handleThreadReply` {#handlethreadreply}
-
-_forwarded from [Channel](../core-components/channel.mdx#initialscrolltofirstunreadmessage)_ props
`initialScrollToFirstUnreadMessage` {#initialscrolltofirstunreadmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#isattachmentequal)_ props
`isAttachmentEqual` {#isattachmentequal}
-
-_forwarded from [Channel](../core-components/channel.mdx#legacyimageviewerswipebehaviour)_ props
`legacyImageViewerSwipeBehaviour` {#legacyimageviewerswipebehaviour}
-
-_forwarded from [Channel](../core-components/channel.mdx#markdownrules)_ props
`markdownRules` {#markdownrules}
-
-_forwarded from [Channel](../core-components/channel.mdx#messageactions)_ props
`messageActions` {#messageactions}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagecontentorder)_ props
`messageContentOrder` {#messagecontentorder}
-
-_forwarded from [Channel](../core-components/channel.mdx#mymessagetheme)_ props
`myMessageTheme` {#mymessagetheme}
-
-_forwarded from [Channel](../core-components/channel.mdx#onlongpressmessage)_ props
`onLongPressMessage` {#onlongpressmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#onpressinmessage)_ props
`onPressInMessage` {#onpressinmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#onpressmessage)_ props
`onPressMessage` {#onpressmessage}
-
-_forwarded from [Channel](../core-components/channel.mdx#reply)_ props
Reply {#reply}
-
-_forwarded from [Channel](../core-components/channel.mdx#selectreaction)_ props
selectReaction {#selectreaction}
-
-_forwarded from [Channel](../core-components/channel.mdx#supportedreactions)_ props
supportedReactions {#supportedreactions}
-
-_forwarded from [Channel](../core-components/channel.mdx#attachment)_ props
Attachment {#attachment}
-
-_forwarded from [Channel](../core-components/channel.mdx#attachmentactions)_ props
AttachmentActions {#attachmentactions}
-
-_forwarded from [Channel](../core-components/channel.mdx#card)_ props
Card {#card}
-
-_forwarded from [Channel](../core-components/channel.mdx#cardcover)_ props
CardCover {#cardcover}
-
-_forwarded from [Channel](../core-components/channel.mdx#cardfooter)_ props
CardFooter {#cardfooter}
-
-_forwarded from [Channel](../core-components/channel.mdx#cardheader)_ props
CardHeader {#cardheader}
-
-_forwarded from [Channel](../core-components/channel.mdx#dateheader)_ props
DateHeader {#dateheader}
-
-_forwarded from [Channel](../core-components/channel.mdx#fileattachment)_ props
FileAttachment {#fileattachment}
-
-_forwarded from [Channel](../core-components/channel.mdx#fileattachmentgroup)_ props
FileAttachmentGroup {#fileattachmentgroup}
-
-_forwarded from [Channel](../core-components/channel.mdx#fileattachmenticon)_ props
FileAttachmentIcon {#fileattachmenticon}
-
-_forwarded from [Channel](../core-components/channel.mdx#flatlist)_ props
FlatList {#flatlist}
-
-_forwarded from [Channel](../core-components/channel.mdx#gallery)_ props
Gallery {#gallery}
-
-_forwarded from [Channel](../core-components/channel.mdx#giphy)_ props
Giphy {#giphy}
-
-_forwarded from [Channel](../core-components/channel.mdx#giphyversion)_ props
giphyVersion {#giphyversion}
-
-_forwarded from [Channel](../core-components/channel.mdx#inlinedateseparator)_ props
InlineDateSeparator {#inlinedateseparator}
-
-_forwarded from [Channel](../core-components/channel.mdx#inlineunreadindicator)_ props
InlineUnreadIndicator {#inlineunreadindicator}
-
-_forwarded from [Channel](../core-components/channel.mdx#messageavatar)_ props
MessageAvatar {#messageavatar}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagecontent)_ props
MessageContent {#messagecontent}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagedeleted)_ props
MessageDeleted {#messagedeleted}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagefooter)_ props
MessageFooter {#messagefooter}
-
-_forwarded from [Channel](../core-components/channel.mdx#messageheader)_ props
MessageHeader {#messageheader}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagereplies)_ props
MessageReplies {#messagereplies}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagerepliesavatars)_ props
MessageRepliesAvatars {#messagerepliesavatars}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagesimple)_ props
MessageSimple {#messagesimple}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagestatus)_ props
MessageStatus {#messagestatus}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagesystem)_ props
MessageSystem {#messagesystem}
-
-_forwarded from [Channel](../core-components/channel.mdx#messagetext)_ props
MessageText {#messagetext}
-
-_forwarded from [Channel](../core-components/channel.mdx#overlayreactionlist)_ props
OverlayReactionList {#overlayreactionlist}
-
-_forwarded from [Channel](../core-components/channel.mdx#reactionlist)_ props
ReactionList {#reactionlist}
-
-_forwarded from [Channel](../core-components/channel.mdx#scrolltobottombutton)_ props
ScrollToBottomButton {#scrolltobottombutton}
-
-_forwarded from [Channel](../core-components/channel.mdx#typingindicator)_ props
TypingIndicator {#typingindicator}
-
-_forwarded from [Channel](../core-components/channel.mdx#typingindicatorcontainer)_ props
TypingIndicatorContainer {#typingindicatorcontainer}
-
-_forwarded from [Channel](../core-components/channel.mdx#urlpreview)_ props
UrlPreview {#urlpreview}
-
-_forwarded from [Channel](../core-components/channel.mdx#videothumbnail)_ props
VideoThumbnail {#videoThumbnail}
-
-_forwarded from [Channel](../core-components/channel.mdx#allowthreadmessagesinchannel)_ props
allowThreadMessagesInChannel {#allowthreadmessagesinchannel}
-
-_forwarded from [Channel](../core-components/channel.mdx#thread)_ props
thread {#thread}
-
-
-
-
-
-
-
- );
-};
-```
-
-## Context Providers
-
-`Channel` contains providers for the `ChannelContext`, `KeyboardContext`, `MessageInputContext`, `MessagesContext`, `PaginatedMessageListContext`, `SuggestionsContext`, `ThreadContext`, and `TypingContext`.
-These can be accessed using the corresponding hooks.
-
-| Context | Hook |
-| ----------------------------- | -------------------------------- |
-| `ChannelContext` | `useChannelContext` |
-| `KeyboardContext` | `useKeyboardContext` |
-| `MessageInputContext` | `useMessageInputContext` |
-| `MessagesContext` | `useMessagesContext` |
-| `PaginatedMessageListContext` | `usePaginatedMessageListContext` |
-| `SuggestionsContext` | `useSuggestionsContext` |
-| `ThreadContext` | `useThreadContext` |
-| `TypingContext` | `useTypingContext` |
-
-## UI Customizations
-
-`Channel` is the entry point for customizing the majority of the Stream Chat for React Native SDK.
-The UI can be tailored to your design by replacing any number of components with custom components.
-Custom components provided as props to `Channel` will be utilized throughout the SDK where appropriate.
-
-Customizing the message avatar can be done easily by providing a custom component to the appropriate prop.
-
-```tsx
-import { Image } from 'react-native';
-import { Channel, useMessageContext } from 'stream-chat-react-native';
-
-const CustomAvatar = () => {
- const { message } = useMessageContext();
-
- return
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-## Props
-
-### channel
-
-
-
- /** navigate to channel screen */ }
- />
-
- ;
-```
-
-## Context Providers
-
-`ChannelList` contains the provider for the `ChannelsContext`.
-This can be accessed using the corresponding hook.
-
-| Context | Hook |
-| ----------------- | -------------------- |
-| `ChannelsContext` | `useChannelsContext` |
-
-## UI Customizations
-
-The `ChannelList` is highly customizable.
-The UI can be tailored to your design by replacing any number of components with custom components.
-
-Customizing the title can be done easily by providing a custom component to the appropriate prop.
-
-```tsx
-const CustomPreviewTitle = ({ channel }) => (
-
- {channel.data.customProperty} - {channel.data.name}
-
-);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-## Props
-
-### recommended
**filters**
-
-recommended
**sort**
-
-recommended
**options**
-
-recommended
**onSelect**
-
-
-
-### ListHeaderComponent
-
-
-
-
-
-);
-```
-
-## Context Providers
-
-`Chat` contains providers for the `ChatContext`, `ThemeContext`, and `TranslationContext`.
-These can be accessed using the corresponding hooks.
-
-| Context | Hook |
-| -------------------- | ----------------------- |
-| `ChatContext` | `useChatContext` |
-| `ThemeContext` | `useTheme` |
-| `TranslationContext` | `useTranslationContext` |
-
-## Props
-
-### required
**client**
-
-
-
-
-
-);
-```
-
-## Context Providers
-
-`OverlayProvider` contains providers for the `AttachmentPickerContext`, `ImageGalleryContext`, `MessageOverlayContext`, `OverlayContext`, `ThemeContext`, and `TranslationContext`.
-These can be accessed using the corresponding hooks.
-
-| Context | Hook |
-| ------------------------- | ---------------------------- |
-| `AttachmentPickerContext` | `useAttachmentPickerContext` |
-| `ImageGalleryContext` | `useImageGalleryContext` |
-| `MessageOverlayContext` | `useMessageOverlayContext` |
-| `OverlayContext` | `useOverlayContext` |
-| `ThemeContext` | `useTheme` |
-| `TranslationContext` | `useTranslationContext` |
-
-## UI Customizations
-
-You can override any of the components rendered in overlay using props on `OverlayProvider` or `Channel`.
-Custom components provided to `Channel` are hoisted to the overlay for use in displaying messages within the `OverlayProvider`.
-Customizing these components requires no interaction with the `OverlayProvider`.
-
-Components only rendered within the overlay can be overridden and modified via props on the `OverlayProvider`.
-Removing the `OverlayReactionList` can be done easily by replacing it with a function that returns null.
-
-```tsx
- null}>
-```
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-## Props
-
-The `OverlayProvider` can be used with no props provided but there are a plethora of props for customizing the components in the overlay.
-
-### attachmentPickerBottomSheetHandleHeight
-
- null}>
-```
-
-Internal to the `Channel` component our `MessageStatus` prop will override the default value for the prop, `MessageStatusDefault`, which is our out of the box `MessageStatus` component.
-
-```tsx
-const { ...MessageStatus } = props;
-```
-
-The `MessageStatus` prop is then passed into an internal hook called `useCreateMessagesContext`.
-
-```tsx
-const messagesContext = useCreateMessagesContext({
- ...MessageStatus,
-});
-```
-
-The `useCreateMessagesContext` hook utilizes the [`useMemo`](https://reactjs.org/docs/hooks-reference.html#usememo) hook to return a memoized version of the value that will be provided to the `MessagesContext`.
-This value only will update under certain conditions to reduce unnecessary updating of the context, and therefore re-rendering of components using the context.
-For this reason changing a component provided to `Channel` on the fly will often not result in an immediate UI update.
-
-```tsx
-
-```
-
-The custom `MessageStatus` component can now be accessed using the `useMessagesContext` hook.
-The default component for `MessageFooter` does just this, and then renders the `MessageStatus` component if desired.
-
-```tsx
-const { showMessageStatus } = useMessageContext();
-const { MessageStatus } = useMessagesContext();
-...
-return (
- ...
- {showMessageStatus && {message.readBy} ;
-};
-...
-
-```
-
-Additionally custom components can access other components, custom or otherwise, from the same context they are stored in.
-`MessageFooter` renders `MessageStatus` in the default component, but `MessageFooter` itself is also stored in the `MessagesContext` along with `MessageStatus`, and is replaceable as well.
-It is therefore possible to utilize a mix of other custom and out of the box components within a custom component to create your desired UI.
-
-```tsx
-const CustomMessageFooter = () => {
- const { MessageAvatar, MessageStatus } = useMessagesContext();
- return (
-
- Footer
-
- );
-};
-
-const CustomMessageStatus = () => {
- const { message } = useMessageContext();
- return {message.readBy}
-};
-...
-
-```
-
-It is important to keep in mind when creating custom components that some may have internal functionality you may want to keep.
-Additionally many of our out of the box component utilize custom memoization equality functions to minimize re-renders.
-With this in mind we suggest looking at the source code for any component you wish to replace, and possibly using it as a jumping off point, to ensure you are not removing desired functionality or performance.
diff --git a/docusaurus/reactnative_versioned_docs/version-4.x.x/customization/custom_components.mdx b/docusaurus/reactnative_versioned_docs/version-4.x.x/customization/custom_components.mdx
deleted file mode 100644
index 34cc1cce62..0000000000
--- a/docusaurus/reactnative_versioned_docs/version-4.x.x/customization/custom_components.mdx
+++ /dev/null
@@ -1,228 +0,0 @@
----
-id: custom_components
-sidebar_position: 2
-title: Custom Components
----
-
-import dateHeader from '../assets/customization/custom-components/date_header.png';
-import nameDateHeader from '../assets/customization/custom-components/name_date_header.png';
-import newDateHeader from '../assets/customization/custom-components/new_date_header.png';
-import noDateHeader from '../assets/customization/custom-components/no_date_header.png';
-
-The core of Stream Chat for React Native is it's ability to be customized to your needs.
-Many developers find that simply altering [the theme](./theming.mdx) is enough to achieve their desired results.
-But if more modification is needed, or functionality beyond what is provided out of the box is desired, creating a custom component is likely the best course of action.
-
-## When to use a custom component
-
-Understanding what is customizable is helpful in determining when to build a custom component.
-If you want to insert your on or more components into another component, you need to create a custom component.
-If you want to change the layout of a component significantly, you need to create a custom component.
-If you want to change the internal functionality of a component, you need to create a custom component.
-A good way to think about it is, with few exceptions, what you see is what you get.
-The library can't account for every possible use case out of the box, but don't worry building and using custom components is easy.
-
-### Exceptions
-
-- Padding, fonts, colors, borders, etc. can all be altered from [the theme](./theming.mdx) as styles are passed to most components and sub-components.
-- Messages can be aligned to one side using the `forceAlignMessages` prop on the `Channel` component.
-- Message content can be reordered using the `messageContentOrder` prop on `Channel`; but you may want to adjust the theming to account for changes to border alignments if you alter this order.
-
-Changes to content beyond these tweaks will require custom components.
-If your goal is simply to remove a UI feature you can always replace the component with one that returns `null` to achieve this, that is `() => null`.
-
-## How to use a custom component
-
-Most custom components are provided to the UI as props on the `Channel` component.
-The `OverlayProvider`, `MessageList`, and `ChannelList` have a few exceptions to this rule, but `Channel` is the primary entry point.
-
-Let's say you want to remove the fixed `DateHeader` on the message list.
-Create a component that returns `null` and pass it in as out `DateHeader` on `Channel`.
-
-```tsx
-const MyEmptyComponent = () => null;
-
-
-```
-
-The new custom component takes the place of the default `DateHeader` within a context and is then provided to and rendered wherever the default `DateHeader` currently is.
-The component can be just as easily swapped out for one that renders something different than the original instead of `null`.
-Most components rely on context for receiving data, but some use props instead or as well.
-In the case of `DateHeader` the component will be rendered with the prop `dateString` which is a `string`.
-
-```tsx
-const MyNewComponent = ({ dateString }) => {`Hello World: ${dateString}`} ;
-
-
-```
-
-
-
-## Using contexts
-
-At the core of creating custom components is the ability to access pertinent data from the contexts Stream Chat for React Native provides.
-[The hooks](./contexts.mdx#hooks) provided allow you to access this contextual information easily throughout your application.
-Keep in mind when developing that these hooks are only usable within the scope of their context providers.
-Certain contexts, such at `MessageContext`, are only available within the scope of a single `Message` so you cannot use this hook in for instance the `DateHeader`.
-
-To demonstrate this usage the `DateHeader` can be replaced with a component that makes use of context.
-Messages can be pulled from the `PaginatedMessageListContext` and the name of the last sender from the list can be retrieved and displayed in place of the `DateHeader`.
-
-```tsx
-const MySenderComponent = () => {
- const { messages } = usePaginatedMessageListContext();
- const latestMessageSender = messages[messages.length - 1]?.user?.name;
-
- return {`Last Sender: ${latestMessageSender}`} ;
-};
-
-
-```
-
-
-
-
-
-
-
{`Last Sender: ${latestMessageSender}`} ;
-};
-```
-
-To reduce these re-renders the component can be broken apart into a component that consumes context, and a component that is memoized and takes only props.
-A custom `areEqual` check can then be used in the memoization to determine if the component should re-render.
-
-```tsx
-const MySenderComponentWithContext = ({ latestMessageSender }) => {
- console.log('Rendered');
-
- return {`Last Sender: ${latestMessageSender}`} ;
-};
-
-const MemoizedMySenderComponent = React.memo(
- MySenderComponentWithContext,
- (prev, next) => prev.latestMessageSender === next.latestMessageSender,
-);
-
-const MySenderComponent = () => {
- const { messages } = usePaginatedMessageListContext();
- const latestMessageSender = messages[messages.length - 1]?.user?.name;
-
- return = {
- messageSimple: {
- file: {
- container: {
- backgroundColor: 'red',
- },
- },
- },
-};
-```
-
-## Applying a theme
-
-There are two entry points for custom themes into the SDK, in the `OverlayProvider` and `Chat` components.
-`Chat` takes a prop `style` which accepts a custom theme.
-The `OverlayProvider` accepts the same `style` as a key on the prop `value`.
-
-In practice you only need to provide you custom theme to the `OverlayProvider` as the theme is accessed via context.
-Nested `ThemeProvider` components merge themes provided by higher level `ThemeProvider` components, so the theme provided to the `OverlayProvider` will be available from the `ThemeProvider` in the `Chat` component.
-This allows you to provide a different theme at different levels of the application if you choose.
-
-```tsx {2}
-export const App = () => (
-
-
-
-
-);
-```
-
-## Dark mode
-
-If you would like to support dark mode in your application you can create and apply different themes depending on the current `colorScheme` provided by React Native.
-To prevent unnecessary deep merges and re-renders we suggest keeping the current theme in state and only change it when theme colorScheme changes.
-
-```tsx
-import { useEffect, useState } from 'react';
-import { useColorScheme } from 'react-native';
-import type { DeepPartial, Theme } from 'stream-chat-react-native';
-
-export const App = () => {
- const colorScheme = useColorScheme();
- const getTheme = (): DeepPartial => ({
- colors: colorScheme === 'dark' ? { black: '#FFFFFF' } : { black: '#000000' },
- });
- const [theme, setTheme] = useState(getTheme());
-
- useEffect(() => {
- setTheme(getTheme());
- }, [colorScheme]);
-
- return (
-
-
-
-
- );
-};
-```
-
-## Using the theme
-
-You can easily access the theme in any custom components you create using the `useTheme` hook.
-To ensure any change to the theme is reflected within the UI it is not advised to pass theme variables through custom memoization checks.
-
-```tsx
-const {
- theme: {
- colors: { black },
- },
-} = useTheme();
-```
-
-## Identifying theme paths
-
-Where possible we have used `displayName` on components to expose the theme path to the style.
-To view the `displayName` on a component.
-
-- Open the [in-app developer menu](https://reactnative.dev/docs/debugging#accessing-the-in-app-developer-menu)
-- Turn on inspector by pressing `Show Inspector` button
-- Select the desired component and the `displayName` will be shown in the inspector path
-
-Not all theme styles are tied to high level components; but we have added this debugging strategy to help in locating the most common components easily.
-
-
-
-
= {
- messageSimple: {
- file: {
- container: {
- backgroundColor: 'red',
- },
- icon: {
- height: 16,
- width: 16,
- },
- },
- },
-};
-```
-
-
-
-
-
('YOUR_API_KEY');
-```
-
-where `StreamChatGenerics` can be defined as a type with the seven generics that correspond to the seven customizable fields as follows:
-
-```tsx
-type StreamChatGenerics = {
- attachmentType: LocalAttachmentType;
- channelType: LocalChannelType;
- commandType: LocalCommandType;
- eventType: LocalEventType;
- messageType: LocalMessageType;
- reactionType: LocalReactionType;
- userType: LocalUserType;
-};
-```
-
-:::note
-`LocalAttachmentType`, `LocalChannelType` etc. are type definitions for their respective key as per your application types necessities.
-
-Eg:
-
-```tsx
-type LocalAttachmentType = {
- file_size?: number;
- mime_type?: string;
-};
-type LocalChannelType = Record;
-type LocalCommandType = string;
-type LocalEventType = Record;
-type LocalMessageType = Record;
-type LocalReactionType = Record;
-type LocalUserType = {
- image?: string;
-};
-```
-
-:::
-
-The seven customizable fields these generics extend are provided via `stream-chat-js`.
-
-1. [`Attachment`](https://github.com/GetStream/stream-chat-js/blob/0e29bea1e773f15599564b5174d4fabbd3bcb495/src/types.ts#L1471)
-2. [`ChannelResponse`](https://github.com/GetStream/stream-chat-js/blob/0e29bea1e773f15599564b5174d4fabbd3bcb495/src/types.ts#L173)
-3. [`CommandVariants`](https://github.com/GetStream/stream-chat-js/blob/0e29bea1e773f15599564b5174d4fabbd3bcb495/src/types.ts#L1587)
-4. [`Event`](https://github.com/GetStream/stream-chat-js/blob/0e29bea1e773f15599564b5174d4fabbd3bcb495/src/types.ts#L1000)
-5. [`MessageBase`](https://github.com/GetStream/stream-chat-js/blob/0e29bea1e773f15599564b5174d4fabbd3bcb495/src/types.ts#L1764)
-6. [`Reaction`](https://github.com/GetStream/stream-chat-js/blob/0e29bea1e773f15599564b5174d4fabbd3bcb495/src/types.ts#L1854)
-7. [`User`](https://github.com/GetStream/stream-chat-js/blob/0e29bea1e773f15599564b5174d4fabbd3bcb495/src/types.ts#L2004)
-
-All seven generics contain defaults in the `stream-chat-react-native` repository that you can extend for custom data such as custom types for Channels, Messages, etc.
-
-```tsx
-type DefaultAttachmentType = Record;
-type DefaultChannelType = Record & {
- image?: string;
-};
-type DefaultCommandType = string & {};
-type DefaultEventType = Record;
-type DefaultMessageType = Record 
diff --git a/docusaurus/docs/reactnative/additional-resources/libraries.mdx b/docusaurus/docs/reactnative/additional-resources/libraries.mdx
deleted file mode 100644
index 9b111349be..0000000000
--- a/docusaurus/docs/reactnative/additional-resources/libraries.mdx
+++ /dev/null
@@ -1,34 +0,0 @@
----
-id: libraries
-sidebar_position: 2
-title: Libraries
----
-
-### [React Navigation Docs](https://reactnavigation.org/docs/getting-started/)
-
-Our tutorials, guides and sample apps are all using React Navigation. We recommend using it in
-order to provide better support for all the use cases displayed.
-
-### [Gesture Handler Docs](https://docs.swmansion.com/react-native-gesture-handler/docs/)
-
-React Native Gesture Handler is used inside of our SDK on our channels and messages lists. Also used
-on our gallery, chat buttons, and reactions overlay.
-
-### [Markdown Lib Docs](https://github.com/andangrd/react-native-markdown-package)
-
-React Native Markdown Package is used to render markdown on our messages.
-
-### [Reanimated Lib Docs](https://docs.swmansion.com/react-native-reanimated/docs)
-
-React Native Reanimated is used to create our own beautiful custom animations in our gallery, attachment picker,
-message actions/reactions and loading indicators/skeletons.
-
-### [Day.js Docs](https://day.js.org/docs/en/installation/installation)
-
-We are using Day.js to manipulate, customize, parse and display dates through the app.
-You may want to use it when creating you own custom components.
-
-### [React Native SVG](https://github.com/react-native-svg/react-native-svg)
-
-React Native SVG is one of our peer dependencies. We use it to render icons and a couple of small indicators
-through the app.
diff --git a/docusaurus/docs/reactnative/additional-resources/stream.mdx b/docusaurus/docs/reactnative/additional-resources/stream.mdx
deleted file mode 100644
index 0c95c0db5d..0000000000
--- a/docusaurus/docs/reactnative/additional-resources/stream.mdx
+++ /dev/null
@@ -1,44 +0,0 @@
----
-id: stream-additional-resources
-sidebar_position: 1
-title: Stream Additional Resources
----
-
-### [Demos](https://github.com/GetStream/react-native-samples)
-
-Stream Chat for React Native has multiple examples in the repository.
-In addition we have "cloned" some popular UIs to help demonstrate the flexibility of the SDK.
-
-### [JavaScript Client](https://getstream.io/chat/docs/javascript/?language=javascript)
-
-Stream Chat for React Native uses the Stream Chat JS client under the hood for most interactions with the backend.
-The client documentation covers a wide range of interactions that can be performed, not all of these are used within
-the Stream Chat for React Native SDK but can be integrated within your own app as required.
-
-### [API Tutorial](https://getstream.io/chat/get_started/)
-
-To help you get acquainted with the Stream Chat JS client we have an easy to follow tutorial on our website.
-This is a great primer for using the client directly and can also help you understand how the Stream Chat for
-React Native SDK if functioning under the hood.
-
-### [Stream Chat JS Basic Guide](https://github.com/GetStream/javascript-beginner-guide)
-
-> ### Internal Articles
-
-- [Stream Chat Glossary](https://getstream.zendesk.com/hc/en-us/articles/1500007212082-Stream-Chat-Glossary)
-
-- [Stream Chat Success Checklist](https://getstream.zendesk.com/hc/en-us/articles/1500007673721-Stream-Chat-Success-Checklist)
-
-- [React - Customizing Message Actions](https://getstream.zendesk.com/hc/en-us/articles/1500008025241--Customizing-Message-Actions-in-React-Chat)
-
-- [Stream Webhooks](https://getstream.zendesk.com/hc/en-us/articles/1500006478421-How-can-I-use-the-Stream-Webhook-to-send-customers-emails-based-on-Chat-events-)
-
-- [Stream Rate limits](https://getstream.zendesk.com/hc/en-us/articles/360056792833-Rate-limits-and-HTTP-429-Errors)
-
-- [Stream API → Client → Server](https://getstream.zendesk.com/hc/en-us/articles/360061669873-How-do-the-Chat-Client-Server-Stream-API-communicate-with-each-other-)
-
-- [Stream Chat Moderation](https://getstream.zendesk.com/hc/en-us/articles/360041455753)
-
-- [Stream User Roles and Permissions](https://getstream.zendesk.com/hc/en-us/articles/360053064274-User-Roles-and-Permission-Policies-Chat)
-
-- [Stream `queryChannels` filters](https://getstream.zendesk.com/hc/en-us/articles/360057461213-Filters-for-queryChannels-Chat)
diff --git a/docusaurus/docs/reactnative/additional-resources/technologies_and_techniques.mdx b/docusaurus/docs/reactnative/additional-resources/technologies_and_techniques.mdx
deleted file mode 100644
index d5262bcf21..0000000000
--- a/docusaurus/docs/reactnative/additional-resources/technologies_and_techniques.mdx
+++ /dev/null
@@ -1,21 +0,0 @@
----
-id: technologies-and-techniques
-sidebar_position: 3
-title: Technologies & Techniques
----
-
-### [Typescript Generics](https://www.typescriptlang.org/docs/handbook/2/generics.html)
-
-Our SDK is written in Typescript and heavily uses generics in order to allow users to use custom data and
-still have decent typing support.
-
-### [React Context](https://reactjs.org/docs/context.html)
-
-We rely on multiple contexts in our SDK to access components, functions, and data.
-Context also allows you as a developer to override our defaults for many of these throughout the SDK.
-Understanding how to draw upon values in context is important to customizing the SDK for your own needs.
-
-### [React Hooks](https://reactjs.org/docs/hooks-intro.html)
-
-We use/expose a bunch of our component's hooks so users can use them in order to replicate some behaviour/data
-parsing when creating custom components. Understanding how to work with hooks can come in very handy.
diff --git a/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/channel_list.png b/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/channel_list.png
deleted file mode 100644
index 48f357ee70..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/channel_list.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/message_input.png b/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/message_input.png
deleted file mode 100644
index 6abb430200..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/message_input.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/message_list.png b/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/message_list.png
deleted file mode 100644
index bf1468aeb0..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/message_list.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/summary.png b/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/summary.png
deleted file mode 100644
index 787c36a5ad..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/summary.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/thread.png b/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/thread.png
deleted file mode 100644
index a9ba6b8ae4..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/hello-stream-chat/thread.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/migrating-from-5.x-to-6.x/message_actions.png b/docusaurus/docs/reactnative/assets/basics/migrating-from-5.x-to-6.x/message_actions.png
deleted file mode 100644
index 483009ba68..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/migrating-from-5.x-to-6.x/message_actions.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/migrating-from-5.x-to-6.x/message_reactions.png b/docusaurus/docs/reactnative/assets/basics/migrating-from-5.x-to-6.x/message_reactions.png
deleted file mode 100644
index fe7a8d252a..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/migrating-from-5.x-to-6.x/message_reactions.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_after_1.png b/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_after_1.png
deleted file mode 100644
index 44917f352e..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_after_1.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_after_2.png b/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_after_2.png
deleted file mode 100644
index a85680b3e9..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_after_2.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_after_3.png b/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_after_3.png
deleted file mode 100644
index 4cef17ecbe..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_after_3.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_before_1.png b/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_before_1.png
deleted file mode 100644
index da0a3f7030..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_before_1.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_before_2.png b/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_before_2.png
deleted file mode 100644
index 2d8b3ad4d0..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_before_2.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_before_3.png b/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_before_3.png
deleted file mode 100644
index 65fca944e2..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/gallery_before_3.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/pin_message_action.png b/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/pin_message_action.png
deleted file mode 100644
index bd2432a79b..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/pin_message_action.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/pinned_message.png b/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/pinned_message.png
deleted file mode 100644
index bb80f51969..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/pinned_message.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/scroll_view_warning.png b/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/scroll_view_warning.png
deleted file mode 100644
index 3343d98c8f..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/scroll_view_warning.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/slow_mode.gif b/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/slow_mode.gif
deleted file mode 100644
index 44bb7759a4..0000000000
Binary files a/docusaurus/docs/reactnative/assets/basics/upgrading-from-v3/slow_mode.gif and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/customization/custom-components/date_header.png b/docusaurus/docs/reactnative/assets/customization/custom-components/date_header.png
deleted file mode 100644
index c0c96f8f6a..0000000000
Binary files a/docusaurus/docs/reactnative/assets/customization/custom-components/date_header.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/customization/custom-components/name_date_header.png b/docusaurus/docs/reactnative/assets/customization/custom-components/name_date_header.png
deleted file mode 100644
index 698cefdec6..0000000000
Binary files a/docusaurus/docs/reactnative/assets/customization/custom-components/name_date_header.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/customization/custom-components/new_date_header.png b/docusaurus/docs/reactnative/assets/customization/custom-components/new_date_header.png
deleted file mode 100644
index 23c892550d..0000000000
Binary files a/docusaurus/docs/reactnative/assets/customization/custom-components/new_date_header.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/customization/custom-components/no_date_header.png b/docusaurus/docs/reactnative/assets/customization/custom-components/no_date_header.png
deleted file mode 100644
index c1d2655d55..0000000000
Binary files a/docusaurus/docs/reactnative/assets/customization/custom-components/no_date_header.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/customization/typescript/explicit_types.png b/docusaurus/docs/reactnative/assets/customization/typescript/explicit_types.png
deleted file mode 100644
index 86cddca96f..0000000000
Binary files a/docusaurus/docs/reactnative/assets/customization/typescript/explicit_types.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/customization/typescript/inference.png b/docusaurus/docs/reactnative/assets/customization/typescript/inference.png
deleted file mode 100644
index 0e39545284..0000000000
Binary files a/docusaurus/docs/reactnative/assets/customization/typescript/inference.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/audio-support/audio-attachment-upload-preview.jpg b/docusaurus/docs/reactnative/assets/guides/audio-support/audio-attachment-upload-preview.jpg
deleted file mode 100644
index e413b986d2..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/audio-support/audio-attachment-upload-preview.jpg and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/audio-support/audio-attachment.jpg b/docusaurus/docs/reactnative/assets/guides/audio-support/audio-attachment.jpg
deleted file mode 100644
index 241a7f67e3..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/audio-support/audio-attachment.jpg and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/audio-support/audio-recorder-lock-button.png b/docusaurus/docs/reactnative/assets/guides/audio-support/audio-recorder-lock-button.png
deleted file mode 100644
index b25bb6ee9b..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/audio-support/audio-recorder-lock-button.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/audio-support/audio-recording-in-progress.png b/docusaurus/docs/reactnative/assets/guides/audio-support/audio-recording-in-progress.png
deleted file mode 100644
index 74b0528128..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/audio-support/audio-recording-in-progress.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/audio-support/audio-recording-preview.jpg b/docusaurus/docs/reactnative/assets/guides/audio-support/audio-recording-preview.jpg
deleted file mode 100644
index 8cdcbf458a..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/audio-support/audio-recording-preview.jpg and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/audio-support/start-recording.png b/docusaurus/docs/reactnative/assets/guides/audio-support/start-recording.png
deleted file mode 100644
index d0889fde51..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/audio-support/start-recording.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/blocking-users/blocked-users-list.png b/docusaurus/docs/reactnative/assets/guides/blocking-users/blocked-users-list.png
deleted file mode 100644
index e58a48d243..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/blocking-users/blocked-users-list.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-channel-list/load_more_button.png b/docusaurus/docs/reactnative/assets/guides/custom-channel-list/load_more_button.png
deleted file mode 100644
index 38b1c04a05..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-channel-list/load_more_button.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-message-actions/message_actions.png b/docusaurus/docs/reactnative/assets/guides/custom-message-actions/message_actions.png
deleted file mode 100644
index 483009ba68..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-message-actions/message_actions.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-message-input/native_attachment_picker_step_1.png b/docusaurus/docs/reactnative/assets/guides/custom-message-input/native_attachment_picker_step_1.png
deleted file mode 100644
index 02737531f0..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-message-input/native_attachment_picker_step_1.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-message-input/native_attachment_picker_step_2.png b/docusaurus/docs/reactnative/assets/guides/custom-message-input/native_attachment_picker_step_2.png
deleted file mode 100644
index 977c1cb408..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-message-input/native_attachment_picker_step_2.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/answer-list-navigation.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/answer-list-navigation.png
deleted file mode 100644
index 6c549ee94c..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/answer-list-navigation.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/attachment-picker-poll-button.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/attachment-picker-poll-button.png
deleted file mode 100644
index d4cf379954..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/attachment-picker-poll-button.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-answers-list.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-answers-list.png
deleted file mode 100644
index 0c32c8fe29..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-answers-list.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-comments-creation-1.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-comments-creation-1.png
deleted file mode 100644
index 74c8636302..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-comments-creation-1.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-comments-creation-2.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-comments-creation-2.png
deleted file mode 100644
index 912e33fb39..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-comments-creation-2.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-creation-1.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-creation-1.png
deleted file mode 100644
index e28a9cea0a..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-creation-1.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-creation-2.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-creation-2.png
deleted file mode 100644
index 3d4b83a614..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-creation-2.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-poll-background.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-poll-background.png
deleted file mode 100644
index 0f06d61e27..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-poll-background.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-results-title.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-results-title.png
deleted file mode 100644
index 055d340abd..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-results-title.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-results.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-results.png
deleted file mode 100644
index 59d1a57ce7..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-results.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-step-1-1.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-step-1-1.png
deleted file mode 100644
index afa0f50eb5..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-step-1-1.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-step-1-2.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-step-1-2.png
deleted file mode 100644
index 1b0673793b..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/custom-step-1-2.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/default-ui-1.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/default-ui-1.png
deleted file mode 100644
index 31a8eb72ae..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/default-ui-1.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/default-ui-2.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/default-ui-2.png
deleted file mode 100644
index a86a608472..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/default-ui-2.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/default-ui-3.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/default-ui-3.png
deleted file mode 100644
index 59245029c9..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/default-ui-3.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/enable-polls.png b/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/enable-polls.png
deleted file mode 100644
index 82fefd237f..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-poll-flow/enable-polls.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-thread-list/custom-thread-list-step-1.png b/docusaurus/docs/reactnative/assets/guides/custom-thread-list/custom-thread-list-step-1.png
deleted file mode 100644
index 3b1f5b5271..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-thread-list/custom-thread-list-step-1.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-thread-list/custom-thread-list-step-2.png b/docusaurus/docs/reactnative/assets/guides/custom-thread-list/custom-thread-list-step-2.png
deleted file mode 100644
index 5ab05ebf3e..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-thread-list/custom-thread-list-step-2.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-thread-list/custom-thread-list-step-3.png b/docusaurus/docs/reactnative/assets/guides/custom-thread-list/custom-thread-list-step-3.png
deleted file mode 100644
index 0b8f992959..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-thread-list/custom-thread-list-step-3.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/custom-thread-list/custom-thread-list-step-4.png b/docusaurus/docs/reactnative/assets/guides/custom-thread-list/custom-thread-list-step-4.png
deleted file mode 100644
index 1c1607ad86..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/custom-thread-list/custom-thread-list-step-4.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/debug-using-flipper-plugin/flipper_desktop_guide.png b/docusaurus/docs/reactnative/assets/guides/debug-using-flipper-plugin/flipper_desktop_guide.png
deleted file mode 100644
index ee4ae95631..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/debug-using-flipper-plugin/flipper_desktop_guide.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/debug-using-flipper-plugin/flipper_stream_chat_react_native_banner.png b/docusaurus/docs/reactnative/assets/guides/debug-using-flipper-plugin/flipper_stream_chat_react_native_banner.png
deleted file mode 100644
index 76193de190..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/debug-using-flipper-plugin/flipper_stream_chat_react_native_banner.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/deeplinking/xcode-info-url-types.png b/docusaurus/docs/reactnative/assets/guides/deeplinking/xcode-info-url-types.png
deleted file mode 100644
index 2f0ad2e275..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/deeplinking/xcode-info-url-types.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/deeplinking/xcode-signing-capabilitites.png b/docusaurus/docs/reactnative/assets/guides/deeplinking/xcode-signing-capabilitites.png
deleted file mode 100644
index 2dd6c0bf85..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/deeplinking/xcode-signing-capabilitites.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/live-location-sharing/chat-screen.png b/docusaurus/docs/reactnative/assets/guides/live-location-sharing/chat-screen.png
deleted file mode 100644
index 7448b91fde..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/live-location-sharing/chat-screen.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/live-location-sharing/detail-screen.png b/docusaurus/docs/reactnative/assets/guides/live-location-sharing/detail-screen.png
deleted file mode 100644
index b4fe186670..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/live-location-sharing/detail-screen.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/moderation/bounced-message-action.png b/docusaurus/docs/reactnative/assets/guides/moderation/bounced-message-action.png
deleted file mode 100644
index c33d3f1e1b..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/moderation/bounced-message-action.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/moderation/bounced-message.png b/docusaurus/docs/reactnative/assets/guides/moderation/bounced-message.png
deleted file mode 100644
index cf80581799..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/moderation/bounced-message.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/moderation/moderation-dashboard.png b/docusaurus/docs/reactnative/assets/guides/moderation/moderation-dashboard.png
deleted file mode 100644
index e522547097..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/moderation/moderation-dashboard.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/native-image-picker/options.png b/docusaurus/docs/reactnative/assets/guides/native-image-picker/options.png
deleted file mode 100644
index 4ffb6726ad..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/native-image-picker/options.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/performance/channel_settings.jpeg b/docusaurus/docs/reactnative/assets/guides/performance/channel_settings.jpeg
deleted file mode 100644
index 8dd27ccf42..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/performance/channel_settings.jpeg and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/push-notifications/v2/chat_overview_page.png b/docusaurus/docs/reactnative/assets/guides/push-notifications/v2/chat_overview_page.png
deleted file mode 100644
index 9e92437dbf..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/push-notifications/v2/chat_overview_page.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/guides/push-notifications/v2/firebase_notifications_toggle.png b/docusaurus/docs/reactnative/assets/guides/push-notifications/v2/firebase_notifications_toggle.png
deleted file mode 100644
index c5670d0dc2..0000000000
Binary files a/docusaurus/docs/reactnative/assets/guides/push-notifications/v2/firebase_notifications_toggle.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/ui-components/channel-list/loading_indicator.png b/docusaurus/docs/reactnative/assets/ui-components/channel-list/loading_indicator.png
deleted file mode 100644
index 3e7a36fd34..0000000000
Binary files a/docusaurus/docs/reactnative/assets/ui-components/channel-list/loading_indicator.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/ui-components/channel-list/visual_guide_1.png b/docusaurus/docs/reactnative/assets/ui-components/channel-list/visual_guide_1.png
deleted file mode 100644
index 1a04d87bcb..0000000000
Binary files a/docusaurus/docs/reactnative/assets/ui-components/channel-list/visual_guide_1.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/ui-components/channel-list/visual_guide_2.png b/docusaurus/docs/reactnative/assets/ui-components/channel-list/visual_guide_2.png
deleted file mode 100644
index f24e82df4b..0000000000
Binary files a/docusaurus/docs/reactnative/assets/ui-components/channel-list/visual_guide_2.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/ui-components/channel/visual_guide_1.png b/docusaurus/docs/reactnative/assets/ui-components/channel/visual_guide_1.png
deleted file mode 100644
index 6ad712098e..0000000000
Binary files a/docusaurus/docs/reactnative/assets/ui-components/channel/visual_guide_1.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/ui-components/channel/visual_guide_2.png b/docusaurus/docs/reactnative/assets/ui-components/channel/visual_guide_2.png
deleted file mode 100644
index 0dc993276c..0000000000
Binary files a/docusaurus/docs/reactnative/assets/ui-components/channel/visual_guide_2.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/ui-components/channel/visual_guide_3.png b/docusaurus/docs/reactnative/assets/ui-components/channel/visual_guide_3.png
deleted file mode 100644
index 5ad7dbca4d..0000000000
Binary files a/docusaurus/docs/reactnative/assets/ui-components/channel/visual_guide_3.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/ui-components/channel/visual_guide_4.png b/docusaurus/docs/reactnative/assets/ui-components/channel/visual_guide_4.png
deleted file mode 100644
index 8e75fa494b..0000000000
Binary files a/docusaurus/docs/reactnative/assets/ui-components/channel/visual_guide_4.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/ui-components/channel_preview_messenger.png b/docusaurus/docs/reactnative/assets/ui-components/channel_preview_messenger.png
deleted file mode 100644
index 8b65929b46..0000000000
Binary files a/docusaurus/docs/reactnative/assets/ui-components/channel_preview_messenger.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/ui-components/channel_preview_messenger_2.png b/docusaurus/docs/reactnative/assets/ui-components/channel_preview_messenger_2.png
deleted file mode 100644
index 4788875bbb..0000000000
Binary files a/docusaurus/docs/reactnative/assets/ui-components/channel_preview_messenger_2.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/ui-components/overlay-provider/visual_guide_1.png b/docusaurus/docs/reactnative/assets/ui-components/overlay-provider/visual_guide_1.png
deleted file mode 100644
index 4e34222f36..0000000000
Binary files a/docusaurus/docs/reactnative/assets/ui-components/overlay-provider/visual_guide_1.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/ui-components/overlay-provider/visual_guide_2.png b/docusaurus/docs/reactnative/assets/ui-components/overlay-provider/visual_guide_2.png
deleted file mode 100644
index 18e38a95e0..0000000000
Binary files a/docusaurus/docs/reactnative/assets/ui-components/overlay-provider/visual_guide_2.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/assets/ui-components/overlay-provider/visual_guide_3.png b/docusaurus/docs/reactnative/assets/ui-components/overlay-provider/visual_guide_3.png
deleted file mode 100644
index a38272ef27..0000000000
Binary files a/docusaurus/docs/reactnative/assets/ui-components/overlay-provider/visual_guide_3.png and /dev/null differ
diff --git a/docusaurus/docs/reactnative/basics/client.mdx b/docusaurus/docs/reactnative/basics/client.mdx
deleted file mode 100644
index 68bc6254f7..0000000000
--- a/docusaurus/docs/reactnative/basics/client.mdx
+++ /dev/null
@@ -1,222 +0,0 @@
----
-id: client
-sidebar_position: 5
-title: Client
----
-
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-
-Stream Chat for React Native uses the [Stream Chat client](https://github.com/GetStream/stream-chat-js) to connect to and communicate with the Stream API.
-
-The full [JavaScript client docs](https://getstream.io/chat/docs/javascript/?language=javascript) should be referenced for detailed information on directly using the client.
-
-## Setup
-
-To interact with the Stream Chat API you must create a client instance and connect to the API, usually as an authenticated user.
-
-### Instantiation
-
-The Stream Chat client, `StreamChat` is a dependency of `stream-chat-react-native` and can be imported from `stream-chat`.
-To create a client instance you can call `getInstance` on the client and provide and API key.
-
-```ts
-import { StreamChat } from 'stream-chat';
-
-const client = StreamChat.getInstance('api_key');
-```
-
-:::caution
-
-**Usage of `StreamChat.getInstance()` available since stream-chat@2.12.0.**
-
-