Custom encode number with certain range

[szanuje]

Hey, my goal is to restrict a number parameter to a certain range, for pagination.
The range is <1, 200>
I want to heal the URL parameter in such a way:
E.g. 1: page=-1 => page=1
E.g. 2: page=ABC => page=1
E.g. 3: page=300 => page=200
E.g. 4: page=100 => page=100 (no healing needed)
Moreover, the default parameter is 1 and I use removeDefaultsFromUrl: true.

The code looks like the following:

const PageParam = {
  encode: (page: number | (number | null)[] | null | undefined) => {
    const pageAsNumber = Number(page);
    if (isNaN(pageAsNumber)) return "1";
    return pageAsNumber.toString();
  },
  decode: (pageParam: string | (string | null)[] | null | undefined) => {
    const pageAsNumber = parseInt(pageParam?.toString() || "1", 10);
    if (isNaN(pageAsNumber)) return 1;
    return Math.min(Math.max(pageAsNumber, 1), MAX_ALLOWED_RESULT_PAGE);
  },
};

// passed to useQueryParams
export const PARAMS = {
  page: withDefault(PageParam, 1),
};

This code works for E.g. 3 & 4, but it doesn't entirely work for E.g. 1 & 2. The query returned by useQueryParams hook has correct, healed values, but the values don't change in the URL.