Cargar una imagen en S3 desde TypeScript reacciona en el lado del cliente pero, por alguna razón, agregar ese archivo a formData agrega información adicional al archivo (lo que lo corrompe y no se puede abrir después de descargarlo desde S3). Después de eliminar esa información adicional de un editor de texto, la imagen se abre bien. ¿Alguien sabe por qué está pasando esto? estoy usando fetch API con FormData

 const onFileChange = (e: ChangeEvent<HTMLInputElement>) => { const formData = new FormData(); if (e.target.files) { formData.append("file", e.target.files[0]); fetch(url, { method: "PUT", body: formData, headers: { "Content-Type": e.target.files[0].type, }, }) .then((response) => { console.log(response); }) .catch((err) => { console.log(err); }); } }; <input type="file" accept="image/*" name="photo" onChange={(e) => onFileChange(e)} />