403 signature does not match when file has custom extension

[Martinsos]

I am getting an 403 SignatureDoesNotMatch error when I try to upload a file that has custom extension (not standard one).
I see in the logs that network request that is being sent to the server in order to get signed url has contentType=, meaning it is set to nothing. I am guessing file.type returns nothing so that is why this happens? Is this something you could support in the future, or should I go around it myself?

Thanks!

[palpandiR]

I have same error -- I was upload via signedurl via ajax working fine not form here.

I am getting the 403 error

[Martinsos]

I went around this by passing my own function to getSignedUrl prop:

<ReactS3Uploader
          getSignedUrl={this.getSignedUrl}
          {/* Other props here */}
        />

and my function looks smt like this:

getSignedUrl(file, callback) {
  const params = {
    contentType: file.type || 'application/octet-stream'
  };
  api.get('/s3/sign', { params })
    .then(response => {
      callback(response.data);
    })
    .catch(error => {
      console.error(error);
    });
}