Unhandled Rejection (Error): Unexpected token M in JSON at position 0
I'm getting this error Unhandled Rejection (Error): Unexpected token M in JSON at position 0 
any idea why? below is my code and screenshots of the error in console. 
app.js
`const client = new ApolloClient({
  cache: new InMemoryCache(),
  link: createUploadLink({
    uri: "https://onegraph.azurewebsites.net/api/magda",
  }),
});
`
input  component change event
`const onChange = (e) => {
    let f = e.target.files[0];
    let v = { variables: { file: f } };
    uploadFile(v).then(() => {
      apolloClient.resetStore();
    });
  };`
upload file query 
`import gql from "graphql-tag";

export const UPLOADFILE = gql`
  mutation uploadFile($file: Upload!) {
    uploadFile(file: $file) {
      name
      type
      size
      lastModified
    }
  }
`;`
<img width="461" alt="Screen Shot 2020-09-04 at 9 19 26 AM" src="https://user-images.githubusercontent.com/41065378/92249680-1304bb80-ee90-11ea-93af-d46d81589430.png">
<img width="839" alt="Screen Shot 2020-09-04 at 9 21 26 AM" src="https://user-images.githubusercontent.com/41065378/92249682-139d5200-ee90-11ea-854c-87ec48690dff.png">
<img width="365" alt="Screen Shot 2020-09-04 at 9 21 02 AM" src="https://user-images.githubusercontent.com/41065378/92249686-139d5200-ee90-11ea-816b-56ae5ae209d5.png">
<img width="646" alt="Screen Shot 2020-09-04 at 9 20 10 AM" src="https://user-images.githubusercontent.com/41065378/92249687-1435e880-ee90-11ea-832f-52be73aff391.png">
