Zadanie: jak zbudować filtry zsynchronizowane z URL?

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

export default function SortButton() {
  const router = useRouter();
  const pathname = usePathname();
  const current = useSearchParams();
  function sortByPrice() {
    const params = new URLSearchParams(current.toString());
    params.set('sort', 'price');
    params.delete('page');
    router.replace(`${pathname}?${params.toString()}`, { scroll: false });
  }
  return <button onClick={sortByPrice}>Sortuj po cenie</button>;
}