fixed a bug where scrollToMessage (#1377)

[fix]: Fixed a bug where scrollToMessage

Fixes [CLNP-7835](https://sendbird.atlassian.net/browse/CLNP-7835)

### Changelogs
- Fixed a bug where scrollToMessage


### 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**
- [ ] **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)


## External Contributions

This project is not yet set up to accept pull requests from external
contributors.

If you have a pull request that you believe should be accepted, please
contact
the Developer Relations team <developer-advocates@sendbird.com> with
details
and we'll evaluate if we can set up a
[CLA](https://en.wikipedia.org/wiki/Contributor_License_Agreement) to
allow for the contribution.


[CLNP-7835]:
https://sendbird.atlassian.net/browse/CLNP-7835?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: danney-chun

src/modules/App/DesktopLayout.tsx

@@ -85,7 +85,7 @@ export const DesktopLayout: React.FC<DesktopLayoutProps> = (props: DesktopLayout
     onSearchClick: () => {
       setShowSettings(false);
       setShowThread(false);
-      setShowSearch(!showSearch);
+      setShowSearch((prev: boolean) => { return !prev; });
     },
     onReplyInThread: onClickThreadReply,
     onQuoteMessageClick: ({ message }) => {

src/modules/App/types.ts

@@ -44,7 +44,7 @@ export interface DesktopLayoutProps extends AppLayoutProps, SubLayoutCommonProps
   showSettings: boolean;
   setShowSettings: React.Dispatch<boolean>;
   showSearch: boolean;
-  setShowSearch: React.Dispatch<boolean>;
+  setShowSearch: React.Dispatch<React.SetStateAction<boolean>>;
   // thread
   showThread: boolean;
   setShowThread: React.Dispatch<boolean>;

src/modules/GroupChannel/context/hooks/useGroupChannel.ts

@@ -128,21 +128,21 @@ export const useGroupChannel = () => {
 
     if (message) {
       const topOffset = getMessageTopOffset(message.createdAt);
-      if (topOffset) state.scrollPubSub.publish('scroll', { top: topOffset, animated: scrollAnimated });
+      if (topOffset !== null) state.scrollPubSub.publish('scroll', { top: topOffset, animated: scrollAnimated });
       if (messageFocusAnimated ?? true) setAnimatedMessageId(messageId);
     } else if (state.initialized) {
       await state.resetWithStartingPoint(createdAt);
       setTimeout(() => {
         const topOffset = getMessageTopOffset(createdAt);
-        if (topOffset) {
+        if (topOffset !== null) {
           state.scrollPubSub.publish('scroll', {
             top: topOffset,
             lazy: false,
             animated: scrollAnimated,
           });
         }
         if (messageFocusAnimated ?? true) setAnimatedMessageId(messageId);
-      });
+      }, 500);
     }
     clickHandler.activate();
   }, [

src/modules/MessageSearch/context/hooks/useMessageSearch.ts

@@ -60,7 +60,7 @@ const useMessageSearch = () => {
     store.setState(state => ({ ...state, allMessages: [] }));
   }, [store]);
 
-  const setSelectedMessageId = (messageId: number) => useCallback(() => {
+  const setSelectedMessageId = useCallback((messageId: number) => {
     store.setState(state => ({ ...state, selectedMessageId: messageId }));
   }, [store]);