inline

src/pages/post/[id].tsx

@@ -6,7 +6,7 @@ import type { NextPageWithLayout } from '~/pages/_app';
 import type { RouterOutput } from '~/utils/trpc';
 import { useTRPC } from '~/utils/trpc';
 
-import { useQuery } from "@tanstack/react-query";
+import { useQuery } from '@tanstack/react-query';
 
 type PostByIdOutput = RouterOutput['post']['byId'];
 
@@ -35,7 +35,38 @@ function PostItem(props: { post: PostByIdOutput }) {
 const PostViewPage: NextPageWithLayout = () => {
   const trpc = useTRPC();
   const id = useRouter().query.id as string;
-  const postQuery = useQuery(trpc.post.byId.queryOptions({ id }));
+  const opts = trpc.post.byId.queryOptions({ id });
+  /*
+  const opts: UnusedSkipTokenTRPCQueryOptionsOut<{
+    id: string;
+    title: string;
+    text: string;
+    createdAt: Date;
+    updatedAt: Date;
+}, {
+    id: string;
+    title: string;
+    text: string;
+    createdAt: Date;
+    updatedAt: Date;
+}, TRPCClientErrorLike<{
+    transformer: true;
+    errorShape: DefaultErrorShape;
+}>>
+  */
+  const postQuery = useQuery(opts);
+  /**
+  (alias) useQuery<coerceAsyncIterableToArray<TQueryFnData>, TRPCClientErrorLike<{
+    transformer: true;
+    errorShape: DefaultErrorShape;
+}>, coerceAsyncIterableToArray<TOutput>, TRPCQueryKey>(options: UndefinedInitialDataOptions<...>, queryClient?: QueryClient): UseQueryResult<...> (+2 overloads)
+import useQuery
+
+const postQuery: UseQueryResult<coerceAsyncIterableToArray<TOutput>, TRPCClientErrorLike<{
+    transformer: true;
+    errorShape: DefaultErrorShape;
+}>>
+   */
 
   if (postQuery.error) {
     return (