Fix useInfiniteQuery query key collision with useQuery

.changeset/crisp-baths-jam.md

@@ -0,0 +1,5 @@
+---
+"openapi-react-query": minor
+---
+
+Fix useInfiniteQuery query key collision with useQuery

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

@@ -113,7 +113,7 @@ export type UseInfiniteQueryMethod<Paths extends Record<string, Record<HttpMetho
       Response["data"],
       Response["error"],
       InferSelectReturnType<InfiniteData<Response["data"]>, Options["select"]>,
-      QueryKey<Paths, Method, Path>,
+      readonly [...QueryKey<Paths, Method, Path>, "infinite"],
       unknown
     >,
     "queryKey" | "queryFn"
@@ -231,8 +231,8 @@ export default function createClient<Paths extends {}, Media extends MediaType =
       const { queryKey } = queryOptions(method, path, init);
       return useInfiniteQuery(
         {
-          queryKey,
-          queryFn: async ({ queryKey: [method, path, init], pageParam = 0, signal }) => {
+          queryKey: [...queryKey, "infinite"],
+          queryFn: async ({ pageParam = 0, signal }) => {
             const mth = method.toUpperCase() as Uppercase<typeof method>;
             const fn = client[mth] as ClientMethod<Paths, typeof method, Media>;
             const mergedInit = {

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

@@ -1268,5 +1268,57 @@ describe("client", () => {
 
       expect(result.current.data).toEqual([1, 2, 3, 4, 5, 6]);
     });
+    it("should not clash with useQuery when using the same method, path, and params", async () => {
+      const fetchClient = createFetchClient<paths>({ baseUrl });
+      const client = createClient(fetchClient);
+
+      useMockRequestHandler({
+        baseUrl,
+        method: "get",
+        path: "/paginated-data",
+        status: 200,
+        body: { items: [1, 2, 3], nextPage: 1 },
+      });
+
+      const { result } = renderHook(
+        () => ({
+          query: client.useQuery("get", "/paginated-data", {
+            params: {
+              query: {
+                limit: 3,
+              },
+            },
+          }),
+          infiniteQuery: client.useInfiniteQuery(
+            "get",
+            "/paginated-data",
+            {
+              params: {
+                query: {
+                  limit: 3,
+                },
+              },
+            },
+            {
+              getNextPageParam: (lastPage) => lastPage.nextPage,
+              initialPageParam: 0,
+            },
+          ),
+        }),
+        { wrapper },
+      );
+
+      await waitFor(() => {
+        expect(result.current.query.isSuccess).toBe(true);
+        expect(result.current.infiniteQuery.isSuccess).toBe(true);
+      });
+
+      // useQuery should return flat data
+      expect(result.current.query.data).toEqual({ items: [1, 2, 3], nextPage: 1 });
+
+      // useInfiniteQuery should return paginated data with pages array
+      expect(result.current.infiniteQuery.data?.pages).toHaveLength(1);
+      expect(result.current.infiniteQuery.data?.pages[0]).toEqual({ items: [1, 2, 3], nextPage: 1 });
+    });
   });
 });