Fix build errors

web/components/ui/Sidebar/Sidebar.tsx

@@ -6,15 +6,12 @@ import s from './Sidebar.module.scss';
 
 import {
   chatMessagesAtom,
-  appStateAtom,
   chatDisplayNameAtom,
   chatUserIdAtom,
 } from '../../stores/ClientConfigStore';
-import { AppStateOptions } from '../../stores/application-state';
 
 export default function Sidebar() {
   const messages = useRecoilValue<ChatMessage[]>(chatMessagesAtom);
-  const appState = useRecoilValue<AppStateOptions>(appStateAtom);
   const chatDisplayName = useRecoilValue<string>(chatDisplayNameAtom);
   const chatUserId = useRecoilValue<string>(chatUserIdAtom);
 
@@ -22,7 +19,6 @@ export default function Sidebar() {
     <Sider className={s.root} collapsedWidth={0} width={320}>
       <ChatContainer
         messages={messages}
-        loading={appState.chatLoading}
         usernameToHighlight={chatDisplayName}
         chatUserId={chatUserId}
         isModerator={false}

web/stories/ChatContainer.stories.tsx

@@ -24,7 +24,7 @@ const testMessages =
 const messages: ChatMessage[] = JSON.parse(testMessages);
 
 const AddMessagesChatExample = args => {
-  const { messages: m, loading } = args;
+  const { messages: m } = args;
   const [chatMessages, setChatMessages] = useState<ChatMessage[]>(m);
 
   return (
@@ -34,7 +34,6 @@ const AddMessagesChatExample = args => {
       </button>
       <ChatContainer
         messages={chatMessages}
-        loading={loading}
         usernameToHighlight={null}
         chatUserId={null}
         isModerator={false}