Next.js error: cannot read properties of undefined (reading 'lenght')

const InternalHome = observer(() => {
 // ...
  const { locale, query, replace } = useRouter();

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

const InternalHome = observer(() => {
 // ...
  const { locale, query, replace } = useRouter();

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