Handle invalid SearchParams with Conform

invalid-params.ts

let removeInvalidSearchParams = (
  error: unknown,
  request: Request,
  prefix = "Unrecognized key(s) in object:"
) => {
  let unrecongnizedKeysSchema = z.tuple([
    z.tuple([z.string().length(0), z.string().startsWith(prefix)]),
  ]);
  let result = unrecongnizedKeysSchema.safeParse(formatError(error));

  if (result.success) {
    let url = new URL(request.url);
    let params = url.searchParams;
    let next = new URLSearchParams(params);

    let invalid = result.data[0][1]
      .split(prefix)[1]
      .split(", ")
      .map((v) => v.replaceAll("'", ""))
      .map((v) => v.trim());

    for (let name of invalid) {
      next.delete(name);
    }

    return next;
  }
};

export const loader = async ({ request }: LoaderArgs) => {
  let session = await getSession(request);
  let idToken = await requireUser(request, session);

  let url = new URL(request.url);
  let searchParams = url.searchParams;

  let submission = parse(searchParams);

  try {
    conditionsSchema.strict().parse(submission.value);
  } catch (error) {
    session.flash("globalMessage", "Invalid search conditions.");
    session.flash("globalMessageVariant", "negative");
    let next = removeInvalidSearchParams(error, request);
    if (next) {
      throw redirect(`${url.pathname}?${next.toString()}`, {
        headers: {
          "Set-Cookie": await commitSession(session),
        },
      });
    } else {
      throw redirectBack(request, {
        fallback: route("/reports"),
        headers: {
          "Set-Cookie": await commitSession(session),
        },
      });
    }
  }
}