Can't find variable: FileList error in React Native

[sijad]

in react native all requests throw this error: "Can't find variable: FileList".

[fbartho]

Fixed in the newly published v0.7.2

Please let me know if that works for you @sijad

[sijad]

yes it's fixed, thanks for your fast response.

[moseslucas]

@sijad How were you able to upload files in apollo-link-rest ?
Can you share how you passed the fileList in your mutation code?

[NickAlvesX]

@moseslucas for me it worked this way:

Mutation:

<Mutation mutation={UPLOAD__FILE} {...props}>
  {(upload, { data }) => children({ data, uploadFile: uploadFile(upload) })}
</Mutation>

Upload File func:

const uploadFile = upload => async file => {
  try {
    const result = await upload({ variables: { input: file } })
    return result
  } catch (err) {
    const errors = err.networkError ? err.networkError.result || [err.networkError] : [err]
    return { errors }
  }
}

Query:

const UPLOAD_FILE = gql`
  mutation uploadFile($input: File!) {
    uploadFile(input: $input)
      @rest(
        type: "File"
        path: "YOUR_API_URL"
        method: "POST"
        bodySerializer: "fileEncode"
      ) {
      // response data
    }
  }
`

RestLink Serializer:

import { RestLink } from 'apollo-link-rest'

const restLink = new RestLink({
  uri: BASE_URL,
  bodySerializers: {
    fileEncode: (data: any, headers: Headers) => {
      const formData = new FormData()
      formData.append('file', data, data.name)
      headers.set('Accept', '*/*')
      return { body: formData, headers }
    }
  }
})