(fix): hot-reloading not working

(fix): other stuff

packages/chat/src/context.tsx

@@ -172,16 +172,6 @@ export default function Provider({ children }: { children: ReactNode }) {
     return currentChatSecretState.value;
   }, [currentChatSecretState, userIdValue]);
 
-  // Chat secret debugging
-  useEffect(() => {
-    if (!currentChatSecret) return;
-
-    const hex = Array.from(currentChatSecret, (b) =>
-      b.toString(16).padStart(2, "0"),
-    ).join("");
-    log(3, "chat", "yellow", "Chat secret (sensitive)", hex);
-  }, [currentChatSecret]);
-
   useEffect(() => {
     if (!userIdValue) return;
 

packages/chat/src/screen.tsx

@@ -523,11 +523,11 @@ export default function Screen() {
 
                         return (
                           <Wrapper
+                            key={getMessageRenderKey(message)}
                             userId={message.SenderId}
                             loading={<Skeleton className="w-30 h-5" />}
                             component={(user) => (
                               <Message
-                                key={getMessageRenderKey(message)}
                                 grouped={isGrouped}
                                 message={message}
                                 user={user}