build in apollo-server file upload uses an outdated apollo-upload ver…

…sion: so an Maximum call stack size exceeded error occurs. -> solved as suggested: https://github.com/apollographql/apollo-server/issues/3508\#issuecomment-662371289

.gitignore

@@ -1,2 +1,3 @@
 node_modules/
-config/config.env
+config/config.env
+public/uploads/*

package.json

@@ -22,6 +22,7 @@
     "dotenv": "^10.0.0",
     "express": "^4.17.1",
     "graphql": "^15.5.0",
+    "graphql-upload": "^12.0.0",
     "jsonwebtoken": "^8.5.1",
     "lodash": "^4.17.21",
     "mongoose": "^5.12.13",

src/modules/user/index.js

@@ -1,9 +1,14 @@
+import path from "path";
+import { createWriteStream } from "fs";
 import { gql } from "apollo-server-express";
 import User from "../../models/User";
-import { createWriteStream } from "fs";
-import path from "path";
+import {
+  GraphQLUpload, // The GraphQL "Upload" Scalar
+} from "graphql-upload";
 
 const typeDefs = gql`
+  scalar Upload
+
   type User {
     _id: ID! @log
     email: String!
@@ -63,6 +68,9 @@ const typeDefs = gql`
 `;
 
 const resolvers = {
+  // Add this line to use the `GraphQLUpload` from `graphql-upload`.
+  Upload: GraphQLUpload,
+
   Query: {
     async users(_, __, { user }) {
       return await User.find({});
@@ -130,7 +138,7 @@ const resolvers = {
     },
     async uploadUserImage(_, { input }, { user }, __) {
       const { file } = input;
-      const { createReadStream, filename } = file;
+      const { createReadStream, filename, mimetype } = await file;
 
       console.log("uploaded file", file);
 

src/server.js

@@ -3,6 +3,9 @@ import { ApolloServer } from "apollo-server-express";
 import { typeDefs, resolvers } from "./modules";
 // import { customLogPlugin } from "./services/gqlPlugin";
 import express from "express";
+import {
+  graphqlUploadExpress, // The Express middleware.
+} from "graphql-upload";
 
 import { getUserFromToken } from "./services/auth";
 
@@ -26,6 +29,10 @@ function startServer({ port = process.env.PORT } = {}) {
     },
     typeDefs,
     resolvers,
+    // Disable the built in file upload implementation that uses an outdated
+    // `graphql-upload` version, see:
+    // https://github.com/apollographql/apollo-server/issues/3508#issuecomment-662371289
+    uploads: false,
     async context({ connection, req }) {
       if (connection) {
         return { ...connection.context };
@@ -58,6 +65,8 @@ function startServer({ port = process.env.PORT } = {}) {
   // });
 
   const app = express();
+  app.use(graphqlUploadExpress());
+
   app.use(
     "/uploads",
     express.static(path.join(__dirname, "../public/uploads"))