documenso/packages/lib/client-only/hooks/use-update-search-params.ts

import { useLocation, useNavigate, useSearchParams } from 'react-router';

export const useUpdateSearchParams = () => {
  const navigate = useNavigate();
  const { pathname } = useLocation();
  const [searchParams] = useSearchParams();

  return (params: Record<string, string | number | boolean | null | undefined>) => {
    const nextSearchParams = new URLSearchParams(searchParams?.toString() ?? '');

    Object.entries(params).forEach(([key, value]) => {
      if (value === undefined || value === null) {
        nextSearchParams.delete(key);
      } else {
        nextSearchParams.set(key, String(value));
      }
    });

    void navigate(`${pathname}?${nextSearchParams.toString()}`);
  };
};