src/components/MonitorListFilter.vue

@@ -253,8 +253,6 @@ export default {
         clearFilters() {
             this.$emit("updateFilter", {
                 status: [],
-                active: [],
-                tags: [],
             });
         },
         getExistingTags(callback) {

src/router.js

@@ -199,17 +199,11 @@ const router = createRouter({
 });
 
 router.beforeEach((to, from) => {
+    // If the path is same, either the query or has has changed so avoid changing query params
+    // Without this check, modifying any query params will be blocked
     // Check if redirectedFrom is defined to check if this function has already been run
     // Without this check, the router will be stuck in an infinite loop
-    if (to.redirectedFrom) {
+    if (to.fullPath !== from.fullPath && !to.redirectedFrom) {
-        return;
-    }
-
-    // If the user is navigating to same page but to.query is empty, they have clicked on the same link
-    // For example: Clicked on Add monitor twice
-    if (to.path === from.path && Object.keys(to.query).length !== 0) {
-        return;
-    }
         return {
             ...to,
             query: {
@@ -217,6 +211,7 @@ router.beforeEach((to, from) => {
                 ...from.query,
             },
         };
+    }
 });
 
 export { router };