[CLNP-5592] Returning null after hook execution (#1247)

Fixes https://sendbird.atlassian.net/browse/SBISSUE-17681

### Checklist

Put an `x` in the boxes that apply. You can also fill these out after
creating the PR. If unsure, ask the members.
This is a reminder of what we look for before merging your code.

- [x] **All tests pass locally with my changes**
- [x] **I have added tests that prove my fix is effective or that my
feature works**
- [ ] **Public components / utils / props are appropriately exported**
- [ ] I have added necessary documentation (if appropriate)

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