diff --git a/src/ui/TypingIndicatorBubble/index.tsx b/src/ui/TypingIndicatorBubble/index.tsx
index bfae85199..528805619 100644
--- a/src/ui/TypingIndicatorBubble/index.tsx
+++ b/src/ui/TypingIndicatorBubble/index.tsx
@@ -83,13 +83,13 @@ const TypingIndicatorBubbleAvatar = (props: TypingIndicatorBubbleProps) => {
 const TypingIndicatorBubble = (props: TypingIndicatorBubbleProps) => {
   const { typingMembers, handleScroll } = props;
 
-  if (typingMembers.length === 0) return null;
-
   useLayoutEffect(() => {
     // Keep the scrollBottom value after fetching new message list
     handleScroll?.(true);
   }, []);
 
+  if (typingMembers.length === 0) return null;
+
   return <div
     className='sendbird-message-content incoming'
     style={{ marginBottom: '2px' }}