How to display server router docs on the client hover

export const helloRouter = createTRPCRouter({
  /**
   * Says hello to a user
   * @param name - The person's name to greet
   * @returns A greeting message
   */
  sayHello: publicProcedure
    .input(z.object({ name: z.string() }))
    .query(({ input }) => `Hello ${input.name}!`)
});

// ❌ This WON'T show the JSDoc on hover:
const greeting = await trpc.hello.sayHello.query({ name: "John" });
//                           ^^^^^^^^^^^^^^^^^^^
//                    No docs appear when hovering any of these