diff --git a/ui/package-lock.json b/ui/package-lock.json
index 674ebad73..7ed139917 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -3293,29 +3293,44 @@
       }
     },
     "@ngrx/effects": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/@ngrx/effects/-/effects-8.4.0.tgz",
-      "integrity": "sha512-LQv+NIYkFehXMSBMT9xL04RvmDmbzSbCbSCXbNSH2hN216TqX83L29u5T4I06oGhzQ3xN+SSQXGWQiZYJvKuEA=="
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/@ngrx/effects/-/effects-10.1.2.tgz",
+      "integrity": "sha512-6pX6FEzLlqdbtFVMbCvscsaL6QC/L95e72JKj76Xz+8V77UTlpVsxWyMo7YU9pM4EXNpBGmOpMs2xKjfBfK05Q==",
+      "requires": {
+        "tslib": "^2.0.0"
+      }
     },
     "@ngrx/entity": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/@ngrx/entity/-/entity-8.4.0.tgz",
-      "integrity": "sha512-oJYBW9w0YXODeGpp03bvnAShHbwF+44OyPd1zURnYDtpd1r6W8qWIDr77aYViic5YTzISURiZ9rxE2n8pkNvqw=="
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/@ngrx/entity/-/entity-10.1.2.tgz",
+      "integrity": "sha512-peit/zjLUxl8zQgNuPlPXDf4FmNZYMMNGsKQHiFpShIpWjLFTnR1wCeeLw8LMrqSy9vxLO3JpXwkDFZb8a+FDg==",
+      "requires": {
+        "tslib": "^2.0.0"
+      }
     },
     "@ngrx/router-store": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/@ngrx/router-store/-/router-store-8.4.0.tgz",
-      "integrity": "sha512-VTs8O4mAzxbZDtPYaiBG7FV+k4UY5iaIRK7RMvaeBrWMMqD1St63qX1oF6s79R1qAV/fQ1svJNytsArLAI2sXw=="
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/@ngrx/router-store/-/router-store-10.1.2.tgz",
+      "integrity": "sha512-IBsZee5ZUmLbXkY/O4OjhJP1Q6mdu4lcLcQ9jeXsdCMH/Vvc0EGK+MlhsZrxv5+v2ZXb1bhtKsLBUsTovanLWA==",
+      "requires": {
+        "tslib": "^2.0.0"
+      }
     },
     "@ngrx/store": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/@ngrx/store/-/store-8.4.0.tgz",
-      "integrity": "sha512-Z8+2hfGcynGrzJuU7ixxYxOI6M2E0H8Omni1u01h55vvaZeoTO8bRt6OWqbjxxEsSKQmBBZ1XyOuuZXSWjxvYw=="
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/@ngrx/store/-/store-10.1.2.tgz",
+      "integrity": "sha512-FUjN786ch4Qt9WgJ78ef7Yquq3mPCekgcWgZrs4ycZw1f+KdfTHLTk1bGDtO8A8CzOya5yTT7KhxbdVjbOS5ng==",
+      "requires": {
+        "tslib": "^2.0.0"
+      }
     },
     "@ngrx/store-devtools": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/@ngrx/store-devtools/-/store-devtools-8.4.0.tgz",
-      "integrity": "sha512-622z0CNdmfmPy17LFcewf/7xU2quhun+G+D7FdF58DlwZDFPJp0UotER1HW+ApGmI8h6hjeQs/7flzX0H12sIg=="
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/@ngrx/store-devtools/-/store-devtools-10.1.2.tgz",
+      "integrity": "sha512-HE681GuZ+lRgSXpgt7y7LKzsfu/+Tgy9yPZpaitvkhg+eCIjnN5Uvs1rWqETHYWnsKliW25yoqFUAVw+xb7hug==",
+      "requires": {
+        "tslib": "^2.0.0"
+      }
     },
     "@ngtools/webpack": {
       "version": "11.1.1",
diff --git a/ui/package.json b/ui/package.json
index ad99c01bc..c7cc220f5 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -27,11 +27,11 @@
     "@angular/platform-browser-dynamic": "11.1.0",
     "@angular/router": "11.1.0",
     "@ng-bootstrap/ng-bootstrap": "5.1.1",
-    "@ngrx/effects": "8.4.0",
-    "@ngrx/entity": "8.4.0",
-    "@ngrx/router-store": "8.4.0",
-    "@ngrx/store": "8.4.0",
-    "@ngrx/store-devtools": "8.4.0",
+    "@ngrx/effects": "10.1.2",
+    "@ngrx/entity": "10.1.2",
+    "@ngrx/router-store": "10.1.2",
+    "@ngrx/store": "10.1.2",
+    "@ngrx/store-devtools": "10.1.2",
     "bootstrap": "4.3.1",
     "core-js": "^2.4.1",
     "deep-object-diff": "^1.1.0",
diff --git a/ui/src/app/app.module.ts b/ui/src/app/app.module.ts
index d8a1f0a7c..9d6fb8ab4 100644
--- a/ui/src/app/app.module.ts
+++ b/ui/src/app/app.module.ts
@@ -3,7 +3,7 @@ import { NgModule } from '@angular/core';
 import { StoreModule } from '@ngrx/store';
 import { EffectsModule } from '@ngrx/effects';
 import { StoreDevtoolsModule } from '@ngrx/store-devtools';
-import { StoreRouterConnectingModule, RouterStateSerializer } from '@ngrx/router-store';
+import { StoreRouterConnectingModule, RouterStateSerializer, DefaultRouterStateSerializer } from '@ngrx/router-store';
 import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
 
 import { NgbDropdownModule, NgbModalModule, NgbPopoverModule, NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';
@@ -49,7 +49,7 @@ import { APP_BASE_HREF } from '@angular/common';
         BrowserModule,
         CoreModule,
         CoreModule.forRoot(),
-        StoreRouterConnectingModule.forRoot(),
+        StoreRouterConnectingModule.forRoot({ serializer: DefaultRouterStateSerializer }),
         NgbDropdownModule,
         NgbModalModule,
         NgbPopoverModule,