Fix concurrent rendering error + make logs debug level

web/components/stores/ClientConfigStore.tsx

@@ -279,17 +279,19 @@ export function ClientConfigStore() {
     startChat();
   }, [accessToken]);
 
-  appStateService.onTransition(state => {
-    if (!state.changed) {
-      return;
-    }
+  useEffect(() => {
+    appStateService.onTransition(state => {
+      if (!state.changed) {
+        return;
+      }
 
-    const metadata = mergeMeta(state.meta) as AppStateOptions;
+      const metadata = mergeMeta(state.meta) as AppStateOptions;
 
-    console.log('--- APP STATE: ', state.value);
-    console.log('--- APP META: ', metadata);
+      console.debug('--- APP STATE: ', state.value);
+      console.debug('--- APP META: ', metadata);
 
-    setAppState(metadata);
+      setAppState(metadata);
+    });
   });
 
   return null;

web/services/websocket-service.ts

@@ -40,7 +40,7 @@ export default class WebsocketService {
     const url = new URL('ws://localhost:8080/ws');
     url.searchParams.append('accessToken', this.accessToken);
 
-    console.log('connecting to ', url.toString());
+    console.debug('connecting to ', url.toString());
     const ws = new WebSocket(url.toString());
     ws.onopen = this.onOpen.bind(this);
     // ws.onclose = this.onClose.bind(this);