feat: Add replace option when setting default params

This ensures the default value is set without creating a new history entry, improving navigation behavior.
Aerozol · Oct 20, 2024 · bf40599 · bf40599
1 parent 7fc4fd1
commit bf40599
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/frontend/js/src/search/Search.tsx b/frontend/js/src/search/Search.tsx
@@ -25,7 +25,10 @@ export default function Search() {
 
   React.useEffect(() => {
     if (invalidSearchTypes(searchType)) {
-      setSearchParams({ search_term: searchTerm, search_type: "artist" });
+      setSearchParams(
+        { search_term: searchTerm, search_type: "artist" },
+        { replace: true }
+      );
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchType]);

diff --git a/frontend/js/src/user/stats/UserReports.tsx b/frontend/js/src/user/stats/UserReports.tsx
@@ -44,7 +44,7 @@ export default function UserReports() {
 
   React.useEffect(() => {
     if (!range || isInvalidStatRange(range)) {
-      setSearchParams({ range: "week" });
+      setSearchParams({ range: "week" }, { replace: true });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [range]);