add MethodResponse for openapi-react-query (#1945)

* add MethodResponse for openapi-react-query

* improve Path param construction

Author: freshgiammi

packages/openapi-react-query/src/index.ts

@@ -175,6 +175,17 @@ export interface OpenapiQueryClient<Paths extends {}, Media extends MediaType =
   useMutation: UseMutationMethod<Paths, Media>;
 }
 
+export type MethodResponse<
+  CreatedClient extends OpenapiQueryClient<any, any>,
+  Method extends HttpMethod,
+  Path extends CreatedClient extends OpenapiQueryClient<infer Paths, infer _Media>
+    ? PathsWithMethod<Paths, Method>
+    : never,
+  Options = object,
+> = CreatedClient extends OpenapiQueryClient<infer Paths extends { [key: string]: any }, infer Media extends MediaType>
+  ? NonNullable<FetchResponse<Paths[Path][Method], Options, Media>["data"]>
+  : never;
+
 // TODO: Add the ability to bring queryClient as argument
 export default function createClient<Paths extends {}, Media extends MediaType = MediaType>(
   client: FetchClient<Paths, Media>,

packages/openapi-react-query/test/index.test.tsx

@@ -1,7 +1,7 @@
 import { afterAll, beforeAll, describe, expect, it } from "vitest";
 import { server, baseUrl, useMockRequestHandler } from "./fixtures/mock-server.js";
 import type { paths } from "./fixtures/api.js";
-import createClient from "../src/index.js";
+import createClient, { type MethodResponse } from "../src/index.js";
 import createFetchClient from "openapi-fetch";
 import { act, fireEvent, render, renderHook, screen, waitFor } from "@testing-library/react";
 import {
@@ -337,6 +337,7 @@ describe("client", () => {
 
       const { data, error } = result.current;
 
+      expectTypeOf(data).toEqualTypeOf<MethodResponse<typeof client, "get", "/string-array"> | undefined>();
       expectTypeOf(data).toEqualTypeOf<string[] | undefined>();
       expectTypeOf(error).toEqualTypeOf<{ code: number; message: string } | null>();
     });