diff --git a/web/src/components/DMChat.tsx b/web/src/components/DMChat.tsx
index b0f9b20..ba3f99d 100644
--- a/web/src/components/DMChat.tsx
+++ b/web/src/components/DMChat.tsx
@@ -156,7 +156,6 @@ export function DMChat() {
   const fetchMessages = useConversationStore((s) => s.fetchMessages);
   const fetchOlderMessages = useConversationStore((s) => s.fetchOlderMessages);
   const isLoadingOlder = useConversationStore((s) => s.isLoadingOlder);
-  const hasMore = useConversationStore((s) => id ? s.hasMoreByConversation[id] !== false : true);
   const isLoading = useConversationStore((s) => s.isLoading);
   const sendMessage = useConversationStore((s) => s.sendMessage);
   const fetchConversations = useConversationStore((s) => s.fetchConversations);
@@ -176,6 +175,7 @@ export function DMChat() {
 
   const id = conversationId || activeId;
   const conversation = conversations.find((c) => c.id === id);
+  const hasMore = useConversationStore((s) => id ? s.hasMoreByConversation[id] !== false : true);
 
   const handleAddReaction = useCallback(async (messageId: string, emoji: string) => {
     if (!id) return;