Merge pull request aws-amplify#1388 from aws-amplify/fix-platform-persistence-issues

fix: filter state linking behavior

Author: harrysolovay

client/src/docs-ui/page/page.tsx

@@ -35,10 +35,17 @@ export class DocsPage {
   @State() selectedFilters: Record<string, string | undefined> = {};
 
   setSelectedFilters: SetSelectedFilters = (updates) => {
+    const overrides = withFilterOverrides(updates, this.selectedFilters);
     this.selectedFilters = {
       ...this.selectedFilters,
-      ...withFilterOverrides(updates, this.selectedFilters),
+      ...overrides,
     };
+    for (const [filterKey, filterValue] of Object.entries(overrides)) {
+      localStorage.setItem(
+        getFilterKeyFromLocalStorage(filterKey),
+        filterValue,
+      );
+    }
   };
 
   /**
@@ -57,10 +64,6 @@ export class DocsPage {
       const {[this.filterKey]: filterValue} = queryParams;
       if (filterValue) {
         this.filterValue = filterValue;
-        localStorage.setItem(
-          getFilterKeyFromLocalStorage(this.filterKey),
-          filterValue,
-        );
         this.setSelectedFilters({[this.filterKey]: this.filterValue});
       }
     }