router-with-query.hook.ts

import { useRouter, useSearchParams } from 'next/navigation';

export function useRouterWithQuery() {
  const router = useRouter();
  const searchParams = useSearchParams();
  const query = searchParams?.size ? `?${searchParams}` : '';
  const replaceWithQuery = (url: string) => router.replace(`${url}${query}`);
  const pushWithQuery = (url: string) => router.push(`${url}${query}`);

  return { router, replaceWithQuery, pushWithQuery };
}