Запрос TRPC на основе динамического URL

Используя TRPC и Next JS, я хочу запросить один пост на основе динамического URL-адреса без использования SSR или SSG. Единственный метод, который я нашел работающим, — это добавить as string к router.query.id, но это приводит к ошибке TRPC (ошибка возникает только при первой загрузке), потому что router.query.id — это пустой объект для начальной загрузки, а не строка. Есть ли способ сделать это без начальной ошибки TRPC?

import { useRouter } from "next/router";
import { api } from "~/utils/api";

const SinglePost = () => {
  const router = useRouter();
  const { data } = api.post.getById.useQuery({
    id: router.query.id as string,
  });

  return (
    <div>
      {data}
    </div>
  );
};

export default SinglePost;