React native image upload getting network error

Question

'react-native-image-picker' for uploading image in my application, Sometimes it is uploading and sometimes i am getting [TypeError: Network request failed] below is the code:

FormData in my component:

//image is :file:///data/user/0/com.testApp/cache/rn_image_picker_lib_temp_0d38d959-6ece-4750-a215-4b3f68002f4e.jpg
let formData = new FormData();
  formData.append('images', { uri:image, name: imageSelected?.fileName, type: 'image/png' });
const response =  await updateUserProfile(userDetails,formData)

Service call:

 export const updateUserProfile = async (userDetails,data) => {
    const response = await fetch(`${baseUrl}/updateusersprofile/${userDetails._id}`, {
        method: "PATCH",
        headers: {
          //"Content-Type": "application/json",
          'Content-Type': 'multipart/form-data',
          Authorization: `Bearer ${userDetails.token}`,
        },
        body: data,
      });
    return await response;
  };

In Postman i have checked the api is working fine, What would be the problem in my code.

Answer 1

export const updateUserProfile = async (userDetails,data) => { const response = await fetch( ${baseUrl}/updateusersprofile/${userDetails._id} , { method: "PATCH", headers: { //"Content-Type": "application/json", 'Content-Type': 'multipart/form-data', Authorization: Bearer ${userDetails.token} , }, body: JSON.stringify(data), }); return await response; };