Reactjs 使用GraphQL上载图像

我正在尝试用GraphQL上传图像。我总是收到

消息：“必须提供查询字符串。”

。谁能帮我调查一下我哪里做错了？非常感谢

所有其他查询和突变都正常工作，只有上传图像一个不工作

我正在使用：

• “快车”：“^4.17.1”
• “快速图形QL”：“^0.11.0”
• “graphql”：“^15.4.0”
• “graphql上载”：“^11.0.0”
• “@apollo/client”：“^3.2.7”

//前端
从“@apollo/client”导入{useStation}
常量[uploadImage]=使用变异（UPLOAD_图像{
onCompleted:data=>console.log（'GraphQL Upload:'，data）
})
{
console.log（文件？[0]）
上载映像（{变量：{file:files？[0]}}））
}}

// image mutation
export const uploadImage = {
  type: UploadImageUrlType,
  args: {
    file: { type: GraphQLUpload }
  },
  async resolve(parentValue, { file }, { storeUpload }) {
    await storeUpload(file)
    console.log(await file)
    return { url: '' }
  }
}

// Front-end
import { useMutation } from '@apollo/client'

 const [uploadImage] = useMutation(UPLOAD_IMAGE, {
    onCompleted: data => console.log('GraphQL Upload: ', data)
  })

<input type="file" onChange={ ({
  target: {
    validity,
    files,
  },
}) => {
  console.log(files?.[0])
  uploadImage({ variables: { file: files?.[0] } }))
}}