Make sure the look for query params on navigation

src/utility/useClientSearchParams.ts

@@ -1,8 +1,11 @@
+import { usePathname } from 'next/navigation';
 import { useCallback, useEffect, useState } from 'react';
 
 export default function useClientSearchParams(
   paramKey: string,
 ): string | undefined {
+  const pathname = usePathname();
+
   const [paramValue, setParamValue] = useState<string>();
 
   const captureParam = useCallback(() => {
@@ -20,5 +23,7 @@ export default function useClientSearchParams(
     };
   }, [captureParam]);
 
+  useEffect(captureParam, [captureParam, pathname]);
+
   return paramValue;
 };