campaign-creator.js

export const CampaignCreator = graphql(gql`
  mutation singleUpload($file: MyUpload!, $name: String) {
    singleUpload(file: $file, name: $name) {
      id
      path
    }
  }
`)(({ mutate }) => (
  <input
    type="file"
    required
    onChange={({
      target: {
        validity,
        files: [file]
      }
    }) => validity.valid && mutate({ variables: { file, name: file.name } })}
  />
));