using @observable.ref

with the latest mobx version, this is allowed again

src/stores/SessionStore.ts

@@ -8,9 +8,9 @@ import iStore from './iStore';
 const { NO_AUTH, TEST_USERNAME } = siteConfig.customFields as { TEST_USERNAME?: string; NO_AUTH?: boolean };
 
 class State {
-    @observable accessor account: AccountInfo | undefined | null = undefined;
+    @observable.ref accessor account: AccountInfo | undefined | null = undefined;
 
-    @observable accessor _msalInstance: IPublicClientApplication | undefined = undefined;
+    @observable.ref accessor _msalInstance: IPublicClientApplication | undefined = undefined;
 
     constructor() {}
 }
@@ -19,7 +19,7 @@ export class SessionStore extends iStore {
     readonly root: RootStore;
     private static readonly NAME = 'SessionStore' as const;
 
-    @observable private accessor stateRef: State = new State();
+    @observable.ref private accessor stateRef: State = new State();
 
     @observable accessor authMethod: 'apiKey' | 'msal';
 

src/stores/SocketDataStore.ts

@@ -24,7 +24,7 @@ export class SocketDataStore {
     private readonly root: RootStore;
     abortControllers = new Map<string, AbortController>();
 
-    @observable accessor socket: Socket<ServerToClientEvents, ClientToServerEvents>;
+    @observable.ref accessor socket: Socket<ServerToClientEvents, ClientToServerEvents>;
 
     messages = observable<Message>([]);
 
@@ -83,7 +83,7 @@ export class SocketDataStore {
         if (this.socket?.connected) {
             this.socket.disconnect();
         }
-        this.socket = undefined;
+        this.socket = io();
         this.setLiveState(false);
     }