ensureQueryData on loader breaks page.

export const Route = createFileRoute('/_authed/_appLayout/posts/$postId')({
  loader: async ({ params: { postId }, context }) => {
    const post = await context.queryClient.ensureQueryData(
      context.trpc.post.getPost.queryOptions({ id: postId })
    );

    if (!post) {
      throw notFound();
    }

    return post;
  },
  head: ({ loaderData }) => ({
    meta: [
      {
        title: loaderData.title ?? 'Untitled',
      },
    ],
  }),

function PostComponent() {
  const params = Route.useParams();

  const trpc = useTRPC();

  const postQuery = useSuspenseQuery(
    trpc.post.getPost.queryOptions({ id: params.postId })
  );

  return (
    <>
      <p>query data: {JSON.stringify(postQuery.data.id)}</p>
    </>
  );
}