fix: ts issue in the useQuery client response

Author: arnaudpfu

README.md

@@ -124,12 +124,14 @@ import "client-only";
 
 import { envs } from "~/envs";
 import { createTrpcQueryClient } from "@creatorem/next-trpc/query-client";
+import { useQuery } from "@tanstack/react-query";
 import { type AppRouter } from "./router";
 
 const url = envs().NEXT_PUBLIC_YOUR_APP_URL + "/api/trpc";
 
 export const clientTrpc = createTrpcQueryClient<AppRouter>({
   url,
+  useQuery,
   headers: async () => {
     // add custom headers like Authorization to make it works with auth logic
     return {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@creatorem/next-trpc",
-    "version": "1.0.9",
+    "version": "1.0.10",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/creatorem/next-trpc"

src/create-trpc-api.ts

@@ -41,6 +41,7 @@ export const createTrpcAPI = <Ctx>({
         { status: 400 }
       );
     }
+    
     if (!params.trpc) {
       return NextResponse.json(
         {

src/create-trpc-query-client.ts

@@ -17,7 +17,7 @@ type TrpcClientWithQuery<R extends Router<any>> = {
             "queryKey" | "queryFn"
           >
         ) => ReturnType<
-          typeof useQueryType<Output, Error, Output, string[]>
+          typeof useQueryType<Awaited<Output>, Error, Awaited<Output>, string[]>
         >;
       }
     : never;