FromData Axios and react native (web), inconsistent?

Describe the issue

I’m trying to post a file using axios on react native (web):

Example Code

	const form = new FormData()
	form.append('image', image, 'image.jpg') // <-- Blob with mimetype 'image/jpeg'
	axios.patch(`/image`, form, {headers:{"Content-type":"multipart/form-data"}})

Expected behavior, if applicable

When using react native web everything works fine, but when I’m using react native mobile the backend returns:

multipart file(s) required {"errors":[{"message":"multipart file(s) required","path":"/image"}],"name":"Bad Request","status":400}

What’s going on here? Why is the behavior different between web and mobile?

Environment

• Axios Version: ^0.25.0
• Browser: firefox
• React native version: 0.64.3
• React native web version: 0.17.1

Additional context/Screenshots

no additional content

[kamilwezgowiec]

Adding transformRequest will fix the issue, as mentioned here https://github.com/axios/axios/issues/4406#issuecomment-1048693170

const formData = new FormData();
...
const response = await networking.post('/URL', formData, {
  headers: {
    'Content-Type': 'multipart/form-data',
  },
  transformRequest: (data, headers) => {
    return formData;
  },
});

[hirbod]

FormData is broken since Axios 0.25. It is working perfectly fine with 0.24 on react-native. I wasted 4 hours until I’ve found a similar issue which told me to downgrade.

There are also StackOverflow issues. https://stackoverflow.com/questions/71321756/react-native-expo-axios-file-upload-not-working-because-axios-is-not-sending/71323380

And this issue (with a workaround): https://github.com/axios/axios/issues/4406

Version 0.24

Version 0.25 and Version 0.26