diff --git a/src/modules/GroupChannel/components/SuggestedMentionList/SuggestedUserMentionItem.tsx b/src/modules/GroupChannel/components/SuggestedMentionList/SuggestedUserMentionItem.tsx index da1479528..cc7a52c2d 100644 --- a/src/modules/GroupChannel/components/SuggestedMentionList/SuggestedUserMentionItem.tsx +++ b/src/modules/GroupChannel/components/SuggestedMentionList/SuggestedUserMentionItem.tsx @@ -1,4 +1,4 @@ -import React, { MutableRefObject, useContext, useEffect, useMemo, useRef } from 'react'; +import React, { MutableRefObject, useContext, useEffect, useRef } from 'react'; import type { Member } from '@sendbird/chat/groupChannel'; import type { User } from '@sendbird/chat'; @@ -44,24 +44,17 @@ function SuggestedUserMentionItem(props: SuggestedUserMentionItemProps): JSX.Ele scrollRef.current.scrollIntoView({ block: 'nearest', inline: 'nearest' }); } }, [isFocused]); - const customMentionItem = useMemo(() => { - if (renderUserMentionItem) { - return ( -
onClick?.({ event, member: (member as Member), itemRef: scrollRef })} - onMouseOver={(event) => onMouseOver?.({ event, member: (member as Member), itemRef: scrollRef })} - onMouseMove={(event) => onMouseMove?.({ event, member: (member as Member), itemRef: scrollRef })} - key={member?.userId || uuidv4()} - ref={scrollRef} - > - {renderUserMentionItem({ user: member })} -
- ); - } - }, [renderUserMentionItem]); - if (customMentionItem) { - return customMentionItem; + if (renderUserMentionItem) { + return
onClick?.({ event, member: (member as Member), itemRef: scrollRef })} + onMouseOver={(event) => onMouseOver?.({ event, member: (member as Member), itemRef: scrollRef })} + onMouseMove={(event) => onMouseMove?.({ event, member: (member as Member), itemRef: scrollRef })} + key={member?.userId || uuidv4()} + ref={scrollRef} + > + {renderUserMentionItem({ user: member })} +
; } return (