only show jump if loaded (#28431)

Author: chrisnojima

shared/chat/conversation/list-area/hooks.tsx

@@ -19,17 +19,21 @@ export const useActions = (p: {conversationIDKey: T.Chat.ConversationIDKey}) =>
 }
 
 export const useJumpToRecent = (scrollToBottom: () => void, numOrdinals: number) => {
-  const containsLatestMessage = C.useChatContext(s => {
-    return s.isCaughtUp()
-  })
-  const toggleThreadSearch = C.useChatContext(s => s.dispatch.toggleThreadSearch)
-  const jumpToRecent = C.useChatContext(s => s.dispatch.jumpToRecent)
+  const data = C.useChatContext(
+    C.useShallow(s => {
+      const containsLatestMessage = s.isCaughtUp()
+      const {loaded} = s
+      const {jumpToRecent, toggleThreadSearch} = s.dispatch
+      return {containsLatestMessage, jumpToRecent, loaded, toggleThreadSearch}
+    })
+  )
+  const {containsLatestMessage, jumpToRecent, loaded, toggleThreadSearch} = data
 
   const onJump = React.useCallback(() => {
     scrollToBottom()
     jumpToRecent()
     toggleThreadSearch(true)
   }, [toggleThreadSearch, jumpToRecent, scrollToBottom])
 
-  return !containsLatestMessage && numOrdinals > 0 && <JumpToRecent onClick={onJump} />
+  return loaded && !containsLatestMessage && numOrdinals > 0 && <JumpToRecent onClick={onJump} />
 }