Fix broken links. (#1826)

docusaurus/docs/reactnative/basics/upgrade_helper.mdx

@@ -10,7 +10,7 @@ This guide highlights the changes introduced from v4 to v5.
 
 ## Prop or Context Changes
 
-The following values in [`ImageGalleryContext`](https://getstream.io/chat/docs/sdk/reactnative/v5/contexts/image-gallery-context/#value) have been renamed:
+The following values in [`ImageGalleryContext`](../../contexts/image-gallery-context/#value) have been renamed:
 
 - `image` -> `selectedMessage`
 - `setImage` -> `setSelectedMessage`

docusaurus/docs/reactnative/common-content/core-components/chat/props/image_component.mdx

@@ -1,5 +1,5 @@
 Drop in replacement of all the underlying [`Image`](https://reactnative.dev/docs/next/image) components within SDK.
-This is useful for the purpose of offline caching of images. Please check the [Offline Support Guide](../basics/offline_support.mdx) for usage.
+This is useful for the purpose of offline caching of images. Please check the [Offline Support Guide](https://getstream.io/chat/docs/sdk/reactnative/basics/offline-support/) for usage.
 
 | Type      | Default                                            |
 | --------- | -------------------------------------------------- |

docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/channel/props/thread.mdx

@@ -1,6 +1,6 @@
 A message object that when set indicates a thread is open.
-When used with the [`Thread`](../../../../ui-components/thread.mdx) component this will display the thread.
-When used with the standard [`MessageList`](../../../../ui-components/message_list.mdx) component this will prevent any singleton components in the [`OverlayProvider`](../../../../core-components/overlay-provider) form getting out of sync.
+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
 

docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_button_text.mdx

@@ -1,4 +1,4 @@
-Text for the button within [`AttachmentPickerError`](../../../../core-components/overlay-provider#attachmentpickererror) that opens the apps OS level settings.
+Text for the button within [`AttachmentPickerError`](/reactnative/core-components/overlay-provider#attachmentpickererror) that opens the apps OS level settings.
 
 | Type   | Default                        |
 | ------ | ------------------------------ |

docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_image.mdx

@@ -1,4 +1,4 @@
-Image component within [`AttachmentPickerError`](../../../../core-components/overlay-provider#attachmentpickererror).
+Image component within [`AttachmentPickerError`](/reactnative/core-components/overlay-provider#attachmentpickererror).
 
 | Type      | Default                                                                                                                                                                         |
 | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

docusaurus/reactnative_versioned_docs/version-3.x.x/common-content/core-components/overlay-provider/props/attachment_picker_error_text.mdx

@@ -1,4 +1,4 @@
-Error text for [`AttachmentPickerError`](../../../../core-components/overlay-provider#attachmentpickererror).
+Error text for [`AttachmentPickerError`](/reactnative/core-components/overlay-provider#attachmentpickererror).
 
 | Type   | Default                                                                 |
 | ------ | ----------------------------------------------------------------------- |

docusaurus/reactnative_versioned_docs/version-3.x.x/contexts/translation_context.mdx

@@ -4,7 +4,7 @@ title: TranslationContext
 ---
 
 `TranslationContext` is provided by [`OverlayProvider`](../core-components/overlay_provider.mdx) and [`Chat`](../core-components/chat.mdx) components.
-Read the [translations section](../basics/translations/) for more information on how to customize your translations.
+Read the [translations section](../../basics/translations/) for more information on how to customize your translations.
 If you are not familiar with React Context API, please read about it on [React docs](https://reactjs.org/docs/context.html).
 
 ## Basic Usage

docusaurus/reactnative_versioned_docs/version-3.x.x/guides/message_actions_customization.mdx

@@ -43,7 +43,7 @@ type MessageAction = {
 
 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`](../) component accepts a prop called - `messageActions`. You can use this prop as a callback function to render message actions selectively.
+[`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

docusaurus/reactnative_versioned_docs/version-3.x.x/guides/upgrade_helper.mdx

@@ -197,7 +197,7 @@ const FooterWithSenderName = () => {
 </TabItem>
 </Tabs>
 
-Let's check a similar example for [`ChannelList`](../core-component/channel_list.mdx) component. To customize avatar component of channel, within `ChannelList`, you had to
+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.
@@ -262,7 +262,7 @@ Rendering of reactions on message and reaction picker has changed as part of v3.
 - 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](../guides/message-customization/#message-with-custom-reactions) for details.
+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:
 

docusaurus/reactnative_versioned_docs/version-4.x.x/contexts/translation_context.mdx

@@ -4,7 +4,7 @@ title: TranslationContext
 ---
 
 `TranslationContext` is provided by [`OverlayProvider`](../core-components/overlay_provider.mdx) and [`Chat`](../core-components/chat.mdx) components.
-Read the [translations section](../basics/translations/) for more information on how to customize your translations.
+Read the [translations section](../../basics/translations/) for more information on how to customize your translations.
 If you are not familiar with React Context API, please read about it on [React docs](https://reactjs.org/docs/context.html).
 
 ## Basic Usage

docusaurus/reactnative_versioned_docs/version-4.x.x/guides/message_actions_customization.mdx

@@ -42,7 +42,7 @@ type MessageAction = {
 };
 ```
 
-You can customize each one of the default actions using props on the [`Channel component`](../) as shown further on this page. The channel component makes these props available in the `MessagesContext` context.
+You can customize each one of the default actions using props on the [`Channel component`](../core-components/channel) as shown further on this page. The channel component makes these props available in the `MessagesContext` context.
 
 The channel component accepts a prop called `messageActions`. You can use this prop as a callback function to render message actions selectively.
 
@@ -148,7 +148,7 @@ import { messageActions as defaultMessageActions, Mute as MuteIcon } from 'strea
 
 ## How to customize message action UI
 
-[`OverlayProvider`](../) component accepts props called - `MessageActionList` and `MessageActionListItem`. They both serve a different purpose.
+[`OverlayProvider`](../../core-components/overlay-provider/) component accepts props called - `MessageActionList` and `MessageActionListItem`. They both serve a different purpose.
 
 - `MessageActionList` - Allows full customizability of the message action list and allows users to add/define their own message action along with the style they prefer for the application.
 - `MessageActionListItem` - Allows customizability of an item in a message action list.