Не удается загрузить файл с помощью graphql-upload и formik

Существует несоответствие типов между вашей операцией мутации и вашей схемой.

Операция мутации принимает значение null, а схема — нет; поэтому операция не проходит этап проверки.

Измените эту строку на Upload!: https://github.com/MontoyaAndres/bug-upload/blob/master/client/src/App.js#L8

Или измените схему на Upload, если вы хотите, чтобы файл был обнуляемым.

Это ваш тип Mutation:

type Mutation {
  uploadFile(file: Upload!): Boolean!
}

Ваша схема определяет файл uploadFile как принимающий один аргумент с именем file типа Upload!. ! означает, что аргумент не равен нулю, т. е. значение null не может быть передано ему в качестве значения.

Это ваш запрос:

mutation UploadFileMutation($file: Upload) {
  uploadFile(file: $file)
}

Вы передаете переменную $file в аргумент file, но вы сказали GraphQL, что эта переменная имеет тип Upload, а не Upload!. Другими словами, вы говорите, что $fileмог имеет значение null. Согласно спецификации, это не проходит проверку типа.

Из спец.:

Variable usages must be compatible with the arguments they are passed to. Validation failures occur when variables are used in the context of types that are complete mismatches, or if a nullable type in a variable is passed to a non‐null argument type.

Другими словами, если поле имеет значение Upload!, вы можете использовать только те переменные, которые также определены как Upload!. Если бы поле имело тип Upload, вы могли бы передать либо Upload!, либо Upload.

TLDR; Измените свой запрос на:

mutation UploadFileMutation($file: Upload!) {
  uploadFile(file: $file)
}

или, если файл мог имеет значение null, обновите тип вашего поля, чтобы он допускал значение null.