Fix chat embeds not loading. Fixes #2744

web/pages/embed/chat/readonly/index.tsx

@@ -10,21 +10,20 @@ import {
 export default function ReadOnlyChatEmbed() {
   const currentUser = useRecoilValue(currentUserAtom);
   const messages = useRecoilValue<ChatMessage[]>(visibleChatMessagesSelector);
-  if (!currentUser) {
-    return null;
-  }
-  const { id, displayName } = currentUser;
+
   return (
     <div>
       <ClientConfigStore />
-      <ChatContainer
-        messages={messages}
-        usernameToHighlight={displayName}
-        chatUserId={id}
-        isModerator={false}
-        showInput={false}
-        height="100vh"
-      />
+      {currentUser && (
+        <ChatContainer
+          messages={messages}
+          usernameToHighlight={currentUser.displayName}
+          chatUserId={currentUser.id}
+          isModerator={false}
+          showInput={false}
+          height="100vh"
+        />
+      )}
     </div>
   );
 }

web/pages/embed/chat/readwrite/index.tsx

@@ -26,25 +26,22 @@ export default function ReadWriteChatEmbed() {
   const { videoAvailable } = appState;
   const { streamTitle, online } = clientStatus;
 
-  if (!currentUser) {
-    return null;
-  }
-
   const headerText = online ? streamTitle || name : name;
 
-  const { id, displayName, isModerator } = currentUser;
   return (
     <div>
       <ClientConfigStore />
       <Header name={headerText} chatAvailable chatDisabled={chatDisabled} online={videoAvailable} />
-      <ChatContainer
-        messages={messages}
-        usernameToHighlight={displayName}
-        chatUserId={id}
-        isModerator={isModerator}
-        showInput
-        height="80vh"
-      />
+      {currentUser && (
+        <ChatContainer
+          messages={messages}
+          usernameToHighlight={currentUser.displayName}
+          chatUserId={currentUser.id}
+          isModerator={currentUser.isModerator}
+          showInput
+          height="80vh"
+        />
+      )}
     </div>
   );
 }