diff --git a/packages/uikit-react-native/src/components/ChannelInput/index.tsx b/packages/uikit-react-native/src/components/ChannelInput/index.tsx
index 2073d06a..645fa4dc 100644
--- a/packages/uikit-react-native/src/components/ChannelInput/index.tsx
+++ b/packages/uikit-react-native/src/components/ChannelInput/index.tsx
@@ -37,6 +37,10 @@ export type SuggestedMentionListProps = {
inputHeight: number;
onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void;
mentionedUsers: MentionedUser[];
+ /**
+ * Whether to show user id information on each item.
+ * */
+ showUserId?: boolean;
};
export type ChannelInputProps = {
diff --git a/packages/uikit-react-native/src/domain/groupChannel/component/GroupChannelSuggestedMentionList.tsx b/packages/uikit-react-native/src/domain/groupChannel/component/GroupChannelSuggestedMentionList.tsx
index 40535fd1..863b7caa 100644
--- a/packages/uikit-react-native/src/domain/groupChannel/component/GroupChannelSuggestedMentionList.tsx
+++ b/packages/uikit-react-native/src/domain/groupChannel/component/GroupChannelSuggestedMentionList.tsx
@@ -26,6 +26,7 @@ const GroupChannelSuggestedMentionList = ({
bottomInset,
onPressToMention,
mentionedUsers,
+ showUserId = true,
}: GroupChannelProps['SuggestedMentionList']) => {
const { width: screenWidth, height: screenHeight } = useWindowDimensions();
const { channel } = useContext(GroupChannelContexts.Fragment);
@@ -79,9 +80,11 @@ const GroupChannelSuggestedMentionList = ({
{member.nickname || STRINGS.LABELS.USER_NO_NAME}
-
- {member.userId}
-
+ {!!showUserId && (
+
+ {member.userId}
+
+ )}
diff --git a/packages/uikit-react-native/src/domain/groupChannelThread/component/GroupChannelThreadSuggestedMentionList.tsx b/packages/uikit-react-native/src/domain/groupChannelThread/component/GroupChannelThreadSuggestedMentionList.tsx
index 8856478d..19f80e7a 100644
--- a/packages/uikit-react-native/src/domain/groupChannelThread/component/GroupChannelThreadSuggestedMentionList.tsx
+++ b/packages/uikit-react-native/src/domain/groupChannelThread/component/GroupChannelThreadSuggestedMentionList.tsx
@@ -25,6 +25,7 @@ const GroupChannelThreadSuggestedMentionList = ({
bottomInset,
onPressToMention,
mentionedUsers,
+ showUserId = true,
}: GroupChannelThreadProps['SuggestedMentionList']) => {
const { width: screenWidth, height: screenHeight } = useWindowDimensions();
const { channel } = useContext(GroupChannelThreadContexts.Fragment);
@@ -78,9 +79,11 @@ const GroupChannelThreadSuggestedMentionList = ({
{member.nickname || STRINGS.LABELS.USER_NO_NAME}
-
- {member.userId}
-
+ {!!showUserId && (
+
+ {member.userId}
+
+ )}