fix: typing issue in the createTrpcQueryClient returned type

Author: arnaudpfu

example/trpc/client.ts

@@ -2,9 +2,11 @@ import "client-only";
 
 import { createTrpcQueryClient } from "../../src/create-trpc-query-client";
 import { type AppRouter } from "./router";
+import { useQuery } from "@tanstack/react-query";
 
 const url = "http://localhost:3000/api/trpc";
 
 export const clientTrpc: ReturnType<typeof createTrpcQueryClient<AppRouter>> = createTrpcQueryClient<AppRouter>({
   url,
+  useQuery
 });

example/trpc/router.ts

@@ -10,6 +10,12 @@ export const createContext = async () => {
 
 const ctx = new CtxRouter<Awaited<ReturnType<typeof createContext>>>();
 
+interface MockUser {
+  id:string,
+  name:string,
+  email:string,
+  avatar:string
+}
 export const appRouter = ctx.router({
   getUser: ctx.endpoint.action(async ({ hello, howAreYou, request }) => {
     console.log({
@@ -20,7 +26,7 @@ export const appRouter = ctx.router({
       nextjsRequest: request,
     });
 
-    return new Promise((resolve) => {
+    return new Promise<MockUser>((resolve) => {
       setTimeout(() => {
         resolve({
           id: "1",

package.json

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

src/create-trpc-query-client.ts

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