NextJs options added to fetch

.changeset/rare-pets-lie.md

@@ -0,0 +1,5 @@
+---
+"openapi-fetch": patch
+---
+
+Fixed fetch options used by NextJs to be passed to fetch.

packages/openapi-fetch/examples/nextjs/app/page.tsx

@@ -6,6 +6,10 @@ async function getFact() {
     params: {
       query: { max_length: 500 },
     },
+    next: {
+      revalidate: 10,
+      tags: ["cat"],
+    },
   });
 }
 

packages/openapi-fetch/src/index.d.ts

@@ -108,7 +108,12 @@ export type RequestBodyOption<T> =
       : { body: OperationRequestBodyContent<T> };
 
 export type FetchOptions<T> = RequestOptions<T> &
-  Omit<RequestInit, "body" | "headers">;
+  Omit<RequestInit, "body" | "headers"> &
+  NextJsFetchOptions;
+
+export type NextJsFetchOptions = {
+  next?: { revalidate?: false | 0 | number; tags?: string[] };
+};
 
 /** This type helper makes the 2nd function param required if params/requestBody are required; otherwise, optional */
 export type MaybeOptionalInit<P extends {}, M extends keyof P> =

packages/openapi-fetch/src/index.js

@@ -98,7 +98,10 @@ export default function createClient(clientOptions) {
     }
 
     // fetch!
-    let response = await fetch(request);
+    let response = await fetch(
+      request,
+      init.next ? { next: init.next } : undefined,
+    );
 
     // middleware (response)
     // execute in reverse-array order (first priority gets last transform)

packages/openapi-fetch/test/index.test.ts

@@ -952,6 +952,31 @@ describe("client", () => {
       const req = fetchMocker.mock.calls[0][0];
       expect(req.credentials).toBe("include");
     });
+
+    it("passes NextJs specific options", async () => {
+      function createCustomFetch(data: any) {
+        const response = {
+          clone: () => ({ ...response }),
+          headers: new Headers(),
+          json: async () => data,
+          status: 200,
+          ok: true,
+        } as Response;
+        return async (
+          input: RequestInfo | URL,
+          init?: RequestInit | undefined,
+        ) => {
+          expect(init).toEqual({ next: { tags: ["tag"], revalidate: 10 } });
+          return Promise.resolve(response);
+        };
+      }
+
+      const customFetch = createCustomFetch({});
+      const client = createClient<paths>({ fetch: customFetch });
+
+      mockFetchOnce({ status: 200, body: "{}" });
+      client.GET("/self", { next: { tags: ["tag"], revalidate: 10 } });
+    });
   });
 
   describe("responses", () => {