chore: Mobx & React-Router upgrade (#406)

Co-authored-by: Vijay A <vraravam@users.noreply.github.com>

3 files changed, 9 insertions, 3 deletions

diff --git a/src/models/Service.ts b/src/models/Service.ts
index 35d573cab..92b8ee64c 100644
--- a/src/models/Service.ts
+++ b/src/models/Service.ts
@@ -1,4 +1,4 @@
-import { autorun, computed, observable } from 'mobx';
+import { autorun, computed, makeObservable, observable } from 'mobx';
 import { ipcRenderer } from 'electron';
 import { webContents } from '@electron/remote';
 import normalizeUrl from 'normalize-url';
@@ -132,6 +132,8 @@ export default class Service {
       throw new Error('Service recipe not valid');
     }
 
+    makeObservable(this);
+
     this.recipe = recipe;
 
     this.userAgentModel = new UserAgent(recipe.overrideUserAgent);
diff --git a/src/models/User.ts b/src/models/User.ts
index 14481fbb6..6540a14e9 100644
--- a/src/models/User.ts
+++ b/src/models/User.ts
@@ -1,4 +1,4 @@
-import { observable } from 'mobx';
+import { makeObservable, observable } from 'mobx';
 
 interface IUser {
   id: string | null;
@@ -42,6 +42,8 @@ export default class User {
   @observable team = {};
 
   constructor(data: IUser) {
+    makeObservable(this);
+
     if (!data) {
       throw new Error('User config not valid');
     }
diff --git a/src/models/UserAgent.ts b/src/models/UserAgent.ts
index 1d06d72b0..d54286ee8 100644
--- a/src/models/UserAgent.ts
+++ b/src/models/UserAgent.ts
@@ -1,4 +1,4 @@
-import { action, computed, observe, observable } from 'mobx';
+import { action, computed, makeObservable, observable, observe } from 'mobx';
 
 import ElectronWebView from 'react-electron-web-view';
 import defaultUserAgent from '../helpers/userAgent-helpers';
@@ -21,6 +21,8 @@ export default class UserAgent {
   @observable overrideUserAgent = (): string => '';
 
   constructor(overrideUserAgent: any = null) {
+    makeObservable(this);
+
     if (typeof overrideUserAgent === 'function') {
       this.overrideUserAgent = overrideUserAgent;
     }