From b657469a4ab923672db7efec276d748aed7e89b0 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 29 Jan 2023 15:33:22 +0800
Subject: [PATCH] chore: fix type problem

---
 client/web/src/components/ChatBox/ChatInputBox/input.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/web/src/components/ChatBox/ChatInputBox/input.tsx b/client/web/src/components/ChatBox/ChatInputBox/input.tsx
index c22eca77..ca6d9491 100644
--- a/client/web/src/components/ChatBox/ChatInputBox/input.tsx
+++ b/client/web/src/components/ChatBox/ChatInputBox/input.tsx
@@ -5,8 +5,8 @@ import React from 'react';
 import { Mention, MentionsInput } from 'react-mentions';
 import { t } from 'tailchat-shared';
 import { useChatInputMentionsContext } from './context';
-import './input.less';
 import { MentionCommandItem } from './MentionCommandItem';
+import './input.less';
 
 interface ChatInputBoxInputProps
   extends Omit<
@@ -59,7 +59,10 @@ export const ChatInputBoxInput: React.FC<ChatInputBoxInputProps> = React.memo(
           displayTransform={(id, display) => `#${display}`}
           appendSpaceOnAdd={true}
           renderSuggestion={(suggestion) => (
-            <MentionCommandItem icon="mdi:pound" label={suggestion.display} />
+            <MentionCommandItem
+              icon="mdi:pound"
+              label={suggestion.display ?? String(suggestion.id)}
+            />
           )}
           markup={getMessageTextDecorators().url('__id__', '#__display__')}
         />