From 23726399c4dc4eb357b6fcea9fe127c8203075fa Mon Sep 17 00:00:00 2001
From: Swapnil Godambe <swapnil.godambe@cometchat.com>
Date: Wed, 14 Jan 2026 12:07:17 +0530
Subject: [PATCH 1/2] Update getting-started.mdx

---
 ui-kit/react-native/getting-started.mdx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui-kit/react-native/getting-started.mdx b/ui-kit/react-native/getting-started.mdx
index f5caa112..b0075321 100644
--- a/ui-kit/react-native/getting-started.mdx
+++ b/ui-kit/react-native/getting-started.mdx
@@ -48,7 +48,7 @@ To get started, open `terminal` and create a new project using below command.
 <Tabs>
 <Tab title="Bash">
 ```sh
-npx @react-native-community/cli init ChattingApp
+npx @react-native-community/cli init ChatApp
 ```
 
 <Warning>
@@ -93,6 +93,9 @@ npm i react-native-svg
 npm i react-native-video
 npm i dayjs
 npm i @react-native-async-storage/async-storage
+npm i react-native-gesture-handler
+npm i react-native-localize
+
 ```
 
 </Tab>

From c42c91ff20f9fde904ecb1a1e4960a9945bede00 Mon Sep 17 00:00:00 2001
From: Swapnil Godambe <swapnil.godambe@cometchat.com>
Date: Wed, 14 Jan 2026 12:19:42 +0530
Subject: [PATCH 2/2] Update getting-started.mdx

---
 ui-kit/react-native/getting-started.mdx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/ui-kit/react-native/getting-started.mdx b/ui-kit/react-native/getting-started.mdx
index b0075321..718395df 100644
--- a/ui-kit/react-native/getting-started.mdx
+++ b/ui-kit/react-native/getting-started.mdx
@@ -309,10 +309,13 @@ import {
   CometChatUiKitConstants,
   UIKitSettings,
   CometChatThemeProvider,
+  CometChatI18nProvider,
 } from "@cometchat/chat-uikit-react-native";
 import { CometChat } from "@cometchat/chat-sdk-react-native";
 
-import Messages from "./src/components/Messages";
+import Messages from "./Messages";
+
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
 /* -------------------------------------------------------------------------- */
 /*  ⚙️  Replace the placeholders below with your own CometChat credentials.    */
@@ -372,6 +375,10 @@ const App = (): React.ReactElement => {
   /* Render                                                              */
   /* ------------------------------------------------------------------ */
   return (
+
+    <GestureHandlerRootView style={{ flex: 1 }}>
+    <CometChatI18nProvider>
+
     <SafeAreaView style={styles.fullScreen}>
       <CometChatThemeProvider>
         {/* Show conversations only after the user is logged in */}
@@ -415,6 +422,9 @@ const App = (): React.ReactElement => {
         )}
       </CometChatThemeProvider>
     </SafeAreaView>
+
+    </CometChatI18nProvider>
+    </GestureHandlerRootView>
   );
 };