fix the rerender bug

Co-authored-by: Stan-l-e-y <Stan-l-e-y@users.noreply.github.com>

Author: multimokia

components/home/DMessageList.tsx

@@ -2,7 +2,6 @@ import { Channel, DMChannelWithRecipient } from '@/types/dbtypes';
 import UserIcon from '../icons/UserIcon';
 import styles from '@/styles/Chat.module.css';
 import { useDMChannels, useSetChannel } from '@/lib/store';
-import { useEffect, useState } from 'react';
 
 function mapToComponentArray(
   _map: Map<string, DMChannelWithRecipient>,

lib/store.ts

@@ -338,10 +338,12 @@ const useDMChannelsStore = create<DMChannelsState>()((set) => ({
     }
 
     set((state) => ({
-      dmChannels: state.dmChannels.set(
-        data.recipient.id,
-        data
-      )
+      dmChannels: new Map(
+        state.dmChannels.set(
+          data.recipient.id,
+          data
+        )
+      ),
     }));
   },