chore: update docs-validation code snippet

Author: bang9

docs-validation/4_key-functions/ChattingInAChannel/ChatInAGroupChannel.tsx

@@ -11,7 +11,7 @@ import { useGroupChannel } from "@sendbird/uikit-chat-hooks";
 
 const GroupChannelFragment = createGroupChannelFragment();
 
-const GroupChannelScreen = ({ params }: { params: { channelUrl: string } }) => {
+const GroupChannelScreen = ({ route: { params } }: any) => {
   const { sdk } = useSendbirdChat();
   const { channel } = useGroupChannel(sdk, params.channelUrl);
   if (!channel) return null;
@@ -112,7 +112,7 @@ const UseReactNavigationHeader: GroupChannelModule['Header'] = ({ onPressHeaderR
 const GroupChannelFragment2 = createGroupChannelFragment({
   Header: UseReactNavigationHeader, // Hide header and use react-navigation header
 });
-const GroupChannelScreen2 = ({ params }: { params: { channelUrl: string } }) => {
+const GroupChannelScreen2 = ({ route: { params } }: any) => {
   const height = useHeaderHeight();
 
   const { sdk } = useSendbirdChat();

docs-validation/4_key-functions/ChattingInAChannel/ChatInAnOpenChannel.tsx

@@ -11,7 +11,7 @@ import { useOpenChannel } from "@sendbird/uikit-chat-hooks";
 
 const OpenChannelFragment = createOpenChannelFragment();
 
-const OpenChannelScreen = ({ params }: { params: { channelUrl: string } }) => {
+const OpenChannelScreen = ({ route: { params } }: any) => {
   const { sdk } = useSendbirdChat();
   const { channel } = useOpenChannel(sdk, params.channelUrl);
   if (!channel) return null;
@@ -103,7 +103,7 @@ const UseReactNavigationHeader: OpenChannelModule['Header'] = ({ rightIconName,
 const OpenChannelFragment2 = createOpenChannelFragment({
   Header: UseReactNavigationHeader, // Hide header and use react-navigation header
 });
-const OpenChannelScreen2 = ({ params }: { params: { channelUrl: string } }) => {
+const OpenChannelScreen2 = ({ route: { params } }: any) => {
   const height = useHeaderHeight();
 
   const { sdk } = useSendbirdChat();

docs-validation/4_key-functions/ConfiguringChannelSettings/ConfigureGroupChannelSettings.tsx

@@ -9,7 +9,7 @@ import { useSendbirdChat, createGroupChannelSettingsFragment } from '@sendbird/u
 import { useGroupChannel } from "@sendbird/uikit-chat-hooks";
 
 const GroupChannelSettingsFragment = createGroupChannelSettingsFragment();
-const GroupChannelSettingsScreen = ({ params }: { params: { channelUrl: string } }) => {
+const GroupChannelSettingsScreen = ({ route: { params } }: any) => {
   const { sdk } = useSendbirdChat();
   const { channel } = useGroupChannel(sdk, params.channelUrl);
   if (!channel) return null;
@@ -70,7 +70,7 @@ import { Icon } from '@sendbird/uikit-react-native-foundation';
 // import { useGroupChannel } from "@sendbird/uikit-chat-hooks";
 
 const GroupChannelSettingsFragment2 = createGroupChannelSettingsFragment();
-const GroupChannelSettingsScreen2 = ({ params }: { params: { channelUrl: string } }) => {
+const GroupChannelSettingsScreen2 = ({ route: { params } }: any) => {
   const { sdk } = useSendbirdChat();
   const { channel } = useGroupChannel(sdk, params.channelUrl);
   if (!channel) return null;

docs-validation/4_key-functions/ConfiguringChannelSettings/ConfigureOpenChannelSettings.tsx

@@ -9,7 +9,7 @@ import { useSendbirdChat, createOpenChannelSettingsFragment } from '@sendbird/ui
 import { useOpenChannel } from "@sendbird/uikit-chat-hooks";
 
 const OpenChannelSettingsFragment = createOpenChannelSettingsFragment();
-const OpenChannelSettingsScreen = ({ params }: { params: { channelUrl: string } }) => {
+const OpenChannelSettingsScreen = ({ route: { params } }: any) => {
   const { sdk } = useSendbirdChat();
   const { channel } = useOpenChannel(sdk, params.channelUrl);
   if (!channel) return null;
@@ -69,7 +69,7 @@ import { Icon } from '@sendbird/uikit-react-native-foundation';
 // import { useOpenChannel } from "@sendbird/uikit-chat-hooks";
 
 const OpenChannelSettingsFragment2 = createOpenChannelSettingsFragment();
-const OpenChannelSettingsScreen2 = ({ params }: { params: { channelUrl: string } }) => {
+const OpenChannelSettingsScreen2 = ({ route: { params } }: any) => {
   const { sdk } = useSendbirdChat();
   const { channel } = useOpenChannel(sdk, params.channelUrl);
   if (!channel) return null;

docs-validation/4_key-functions/InviteUsers.tsx

@@ -19,7 +19,7 @@ import type { SendbirdUser } from "@sendbird/uikit-utils";
 import { useGroupChannel } from "@sendbird/uikit-chat-hooks";
 
 const GroupChannelInviteFragment = createGroupChannelInviteFragment<SendbirdUser>();
-const GroupChannelInviteScreen = ({ params }: { params: { channelUrl: string } }) => {
+const GroupChannelInviteScreen = ({ route: { params } }: any) => {
   const { sdk } = useSendbirdChat();
   const { channel } = useGroupChannel(sdk, params.channelUrl);
   if (!channel) return null;
@@ -109,7 +109,7 @@ const myAppUserQueryCreator = () => {
 };
 
 const GroupChannelInviteFragment2 = createGroupChannelInviteFragment<MyAppUser>();
-const GroupChannelInviteScreen2 = ({ params }: { params: { channelUrl: string } }) => {
+const GroupChannelInviteScreen2 = ({ route: { params } }: any) => {
   const { sdk } = useSendbirdChat();
   const { channel } = useGroupChannel(sdk, params.channelUrl);
   if (!channel) return null;