useQuery

Getting some nice formatted code here: const x = 5;

And here:

post/page.tsx
import { trpc } from '~/utils/trpc';
 
const post = await trpc.post.list.useQuery();

Even got highlighting:

post/page.tsx
import { z } from 'zod';
 
import { publicProcedure, router } from './trpc';
 
const appRouter = router({
  // Create public procedure at path 'hello'
  hello: publicProcedure.query(() => {
    return {
      greeting: 'hello world',
    };
  }),
});

Just gotta fix the twoslash

const x = 5;
//    ^?
Usage with ReactuseMutation