Fix

Author: ardatan

package-lock.json

@@ -52,6 +52,7 @@
   },
   "dependencies": {
     "@graphql-tools/utils": "^10.11.0",
+    "@whatwg-node/fetch": "^0.10.13",
     "apollo-upload-client": "^19.0.0",
     "tslib": "^2.4.0"
   },

packages/links/package.json

@@ -1,6 +1,7 @@
 import { Readable } from 'stream';
 import * as apolloImport from '@apollo/client';
 import { mapMaybePromise } from '@graphql-tools/utils';
+import { File } from '@whatwg-node/fetch';
 
 const apollo: typeof apolloImport = (apolloImport as any)?.default ?? apolloImport;
 

packages/links/src/AwaitVariablesLink.ts

@@ -1,8 +1,19 @@
+import isExtractableFile from 'apollo-upload-client/isExtractableFile.mjs';
 import UploadHttpLink from 'apollo-upload-client/UploadHttpLink.mjs';
 import * as apolloImport from '@apollo/client';
+import { fetch, File, FormData } from '@whatwg-node/fetch';
 import { AwaitVariablesLink } from './AwaitVariablesLink.js';
 
 const apollo: typeof apolloImport = (apolloImport as any)?.default ?? apolloImport;
 
 export const createServerHttpLink = (options: any) =>
-  apollo.concat(new AwaitVariablesLink(), new UploadHttpLink(options) as any);
+  apollo.concat(
+    new AwaitVariablesLink(),
+    new UploadHttpLink({
+      ...options,
+      isExtractableFile: v =>
+        isExtractableFile(v) || v instanceof File || options?.isExtractableFile?.(v),
+      fetch: options?.fetch ?? fetch,
+      FormData: options?.FormData ?? FormData,
+    }) as any,
+  );

packages/links/src/createServerHttpLink.ts

@@ -2,14 +2,13 @@ import { Server } from 'http';
 import { AddressInfo } from 'net';
 import { Readable } from 'stream';
 import express, { Express } from 'express';
-import FormData from 'form-data';
 import { buildSchema, GraphQLSchema, parse } from 'graphql';
 import GraphQLUpload from 'graphql-upload/GraphQLUpload.mjs';
 import graphqlUploadExpress from 'graphql-upload/graphqlUploadExpress.mjs';
-import fetch from 'node-fetch';
 import { execute } from '@graphql-tools/executor';
 import { makeExecutableSchema } from '@graphql-tools/schema';
 import { stitchSchemas } from '@graphql-tools/stitch';
+import { fetch, File, FormData } from '@whatwg-node/fetch';
 import { describeIf } from '../../../packages/testing/utils.js';
 import {
   createServerHttpLink,
@@ -51,7 +50,8 @@ function testGraphqlMultipartRequest(query: string, port: number) {
     }),
   );
   body.append('map', '{ "1": ["variables.file"] }');
-  body.append('1', 'abc', { filename: __filename });
+  const file = new File(['abc'], __filename);
+  body.append('1', file);
 
   return fetch(`http://localhost:${port.toString()}`, {
     method: 'POST',