fix: store client instance in a variable

.changeset/blue-chicken-allow.md

@@ -0,0 +1,5 @@
+---
+'@hey-api/client-axios': patch
+---
+
+fix: assign axios to variable before sending requests

.changeset/gorgeous-dryers-yawn.md

@@ -0,0 +1,5 @@
+---
+'@hey-api/client-fetch': patch
+---
+
+fix: assign fetch to variable before sending requests

packages/client-axios/src/index.ts

@@ -51,7 +51,9 @@ export const createClient = (config: Config): Client => {
     const url = buildUrl(opts);
 
     try {
-      const response = await opts.axios({
+      // assign Axios here for consistency with fetch
+      const _axios = opts.axios;
+      const response = await _axios({
         ...opts,
         data: opts.body,
         headers: opts.headers as RawAxiosRequestHeaders,

packages/client-fetch/src/index.ts

@@ -68,7 +68,10 @@ export const createClient = (config: Config = {}): Client => {
       request = await fn(request, opts);
     }
 
-    let response = await opts.fetch(request);
+    // fetch must be assigned here, otherwise it would throw the error:
+    // TypeError: Failed to execute 'fetch' on 'Window': Illegal invocation
+    const _fetch = opts.fetch!;
+    let response = await _fetch(request);
 
     for (const fn of interceptors.response._fns) {
       response = await fn(response, request, opts);

packages/openapi-ts/test/__snapshots__/test/generated/v3-hey-api-client-axios-bundle/client/index.ts.snap

@@ -51,7 +51,9 @@ export const createClient = (config: Config): Client => {
     const url = buildUrl(opts);
 
     try {
-      const response = await opts.axios({
+      // assign Axios here for consistency with fetch
+      const _axios = opts.axios;
+      const response = await _axios({
         ...opts,
         data: opts.body,
         headers: opts.headers as RawAxiosRequestHeaders,

packages/openapi-ts/test/__snapshots__/test/generated/v3-hey-api-client-axios-bundle_transform/client/index.ts.snap

@@ -51,7 +51,9 @@ export const createClient = (config: Config): Client => {
     const url = buildUrl(opts);
 
     try {
-      const response = await opts.axios({
+      // assign Axios here for consistency with fetch
+      const _axios = opts.axios;
+      const response = await _axios({
         ...opts,
         data: opts.body,
         headers: opts.headers as RawAxiosRequestHeaders,

packages/openapi-ts/test/__snapshots__/test/generated/v3-hey-api-client-fetch-bundle/client/index.ts.snap

@@ -68,7 +68,10 @@ export const createClient = (config: Config = {}): Client => {
       request = await fn(request, opts);
     }
 
-    let response = await opts.fetch(request);
+    // fetch must be assigned here, otherwise it would throw the error:
+    // TypeError: Failed to execute 'fetch' on 'Window': Illegal invocation
+    const _fetch = opts.fetch!;
+    let response = await _fetch(request);
 
     for (const fn of interceptors.response._fns) {
       response = await fn(response, request, opts);

packages/openapi-ts/test/__snapshots__/test/generated/v3-hey-api-client-fetch-bundle_transform/client/index.ts.snap

@@ -68,7 +68,10 @@ export const createClient = (config: Config = {}): Client => {
       request = await fn(request, opts);
     }
 
-    let response = await opts.fetch(request);
+    // fetch must be assigned here, otherwise it would throw the error:
+    // TypeError: Failed to execute 'fetch' on 'Window': Illegal invocation
+    const _fetch = opts.fetch!;
+    let response = await _fetch(request);
 
     for (const fn of interceptors.response._fns) {
       response = await fn(response, request, opts);