Some way to check if the query in Next.js is loading or some way to check if the query was skipped?

  const { locale, query, replace } = useRouter();

  const cityById = useQuery(
    convexApi.getCity.findCityById,
    typeof query.cityId === "string" ? { id: parseInt(query.cityId) } : "skip",
  );

  if (!(typeof query.cityId === "string")) { /* <- This somehow always is triggered/true so idk maybe a stupid idea to check for that */
    if (activeCity$.id.get() !== 0 && activeCity$.name.get() !== "") {
      void replace("/home?cityId=" + activeCity$.id.get());
      return;
    } else {
      void replace("/search");
      return;
    }
  }

  const { locale, query, replace } = useRouter();

  const cityById = useQuery(
    convexApi.getCity.findCityById,
    typeof query.cityId === "string" ? { id: parseInt(query.cityId) } : "skip",
  );

  if (!(typeof query.cityId === "string")) { /* <- This somehow always is triggered/true so idk maybe a stupid idea to check for that */
    if (activeCity$.id.get() !== 0 && activeCity$.name.get() !== "") {
      void replace("/home?cityId=" + activeCity$.id.get());
      return;
    } else {
      void replace("/search");
      return;
    }
  }