useTransitionRouter It doesn't work if the URL has parameters

[FSSRepo]

  const router = useTransitionRouter();

  const [selectedBrand, setSelectedBrand] = useState('');
  const [selectedType, setSelectedType] = useState('');
  const [selectedGender, setSelectedGender] = useState('');

  useEffect(() => {
    setSelectedBrand(searchParams.get('brand') ?? '');
    setSelectedType(searchParams.get('type') ?? '');
    setSelectedGender(searchParams.get('gender') ?? '');
  }, [searchParams]);

  const updateParam = (param: string, value: string) => {
    const params = new URLSearchParams(Array.from(searchParams.entries()));
    if (value) params.set(param, value);
    else params.delete(param);
    if(param == 'brand') {
      params.delete('search');
    }
    router.push( `${pathname != '/products' ? '/products' : pathname}?${params.toString()}`); // this doesn't work
  };