1 files changed, 11 insertions, 10 deletions
diff --git a/src/client/util/PingManager.ts b/src/client/util/PingManager.ts
index 4dd2fcd35..7638e2ce0 100644
--- a/src/client/util/PingManager.ts
+++ b/src/client/util/PingManager.ts
@@ -1,14 +1,23 @@
-import { action, observable, runInAction } from 'mobx';
+import { action, makeObservable, observable, runInAction } from 'mobx';
 import { Networking } from '../Network';
 import { CurrentUserUtils } from './CurrentUserUtils';
 export class PingManager {
     // create static instance and getter for global use
     @observable static _instance: PingManager;
+    @observable IsBeating = true;
     static get Instance(): PingManager {
         return PingManager._instance;
     }
 
-    @observable IsBeating = true;
+    // not used now, but may need to clear interval
+    private _interval: NodeJS.Timeout | null = null;
+    INTERVAL_SECONDS = 1;
+    constructor() {
+        makeObservable(this);
+        PingManager._instance = this;
+        this._interval = setInterval(this.sendPing, this.INTERVAL_SECONDS * 1000);
+    }
+
     private setIsBeating = action((status: boolean) => {
         this.IsBeating = status;
         setTimeout(this.showAlert, 100);
@@ -28,12 +37,4 @@ export class PingManager {
             }
         }
     };
-
-    // not used now, but may need to clear interval
-    private _interval: NodeJS.Timeout | null = null;
-    INTERVAL_SECONDS = 1;
-    constructor() {
-        PingManager._instance = this;
-        this._interval = setInterval(this.sendPing, this.INTERVAL_SECONDS * 1000);
-    }
 }