Merge pull request #29 from LoneRifle/main

fix(query): use `replaceIn` to avoid mangling browser history

Author: Amelia Wattenberger

src/components/json-detail-container.tsx

@@ -42,7 +42,7 @@ export function JSONDetail(props: JSONDetailProps) {
           query.tab && data.find((d) => d.key === query.tab)
             ? query.tab
             : (data.find((d) => d.key) || {}).key;
-        setQuery({ tab });
+        setQuery({ tab }, "replaceIn");
       },
     }
   );
@@ -89,11 +89,14 @@ export function JSONDetail(props: JSONDetailProps) {
       return;
     }
 
-    setQuery({
-      sort: newState.sort.join(","),
-      stickyColumnName: newState.stickyColumnName,
-      filters: encodeFilterString(newState.filters),
-    });
+    setQuery(
+      {
+        sort: newState.sort.join(","),
+        stickyColumnName: newState.stickyColumnName,
+        filters: encodeFilterString(newState.filters),
+      }, 
+      "replaceIn"
+    );
   };
 
   React.useEffect(() => {

src/components/repo-detail.tsx

@@ -49,7 +49,7 @@ export function RepoDetail(props: RepoDetailProps) {
     {
       onSuccess: (data) => {
         if (!data.length) return;
-        setFilename(filename || data[0]);
+        setFilename(filename || data[0], "replaceIn");
       },
     }
   );
@@ -73,10 +73,10 @@ export function RepoDetail(props: RepoDetailProps) {
                   duration: 4000,
                 }
               );
-              setSelectedSha(mostRecentCommitSha);
+              setSelectedSha(mostRecentCommitSha, "replaceIn");
             }
           } else {
-            setSelectedSha(mostRecentCommitSha);
+            setSelectedSha(mostRecentCommitSha, "replaceIn");
           }
         }
       },