clear url param

src/context/collection.context.tsx

@@ -1,3 +1,4 @@
+import Router from "next/router";
 import { createContext, useContext, useReducer, FC, useCallback } from "react";
 import { PropsWithChildrenOnly } from "src/@types/react";
 import { LOAD_RELEASES_TEXT, USERNAME_STORAGE_PARAM } from "src/constants";
@@ -374,9 +375,20 @@ export const CollectionContextProvider: FC<PropsWithChildrenOnly> = ({
   );
 
   const dispatchResetState = useCallback(() => {
+    const {
+      location: { href },
+      localStorage,
+    } = window;
+
+    const url = new URL(href);
+
+    url.searchParams.delete("username");
+
+    Router.replace(url);
+
     dispatch({ type: CollectionActionTypes.ResetState, payload: initialState });
 
-    window.localStorage.removeItem(USERNAME_STORAGE_PARAM);
+    localStorage.removeItem(USERNAME_STORAGE_PARAM);
   }, [dispatch]);
 
   return children ? (

src/pages/index.tsx

@@ -29,6 +29,7 @@ import { useUrlParam } from "src/hooks/useUrlParam.hook";
 import { ReleasesLoading } from "src/components/ReleasesLoading/ReleasesLoading.component";
 import styled from "styled-components";
 import { trackEvent } from "src/analytics/analytics";
+import Router from "next/router";
 
 const ClearButton = styled.button`
   background: white;
@@ -96,6 +97,16 @@ const FilterMyDiscogs: FC = () => {
     }
 
     if (username) {
+      const {
+        location: { href },
+      } = window;
+
+      const url = new URL(href);
+
+      url.searchParams.set("username", username);
+
+      Router.replace(url);
+
       if (usernameRef?.current) {
         usernameRef.current.value = username;
       }