From 97c26b394be9cde7743c694ad0f227416a058ba8 Mon Sep 17 00:00:00 2001
From: Irene Ryu <irene.ryu@sendbird.com>
Date: Thu, 7 Nov 2024 08:33:10 +0900
Subject: [PATCH] Returning null after hook execution

---
 src/ui/TypingIndicatorBubble/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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' }}