Using RNFetchBlob for a put/post multipart request

FileUploadService.ts

export const uploadFile = async (
  record: Record,
  date: string,
  description: string,
  recordId?: string
) => {
  var headers = await defaultHeaders();
  headers["Content-Type"] = "multipart/form-data";

  const realPath =
    Platform.OS === "ios"
      ? decodeURIComponent(record.file.url.replace("file://", ""))
      : record.file.url;

  const baseRecordUploadUrl = `${Config.API_URL}/upload-file`;

  const multipartParams = [
    {
      name: "files.file",
      filename: record.file.name,
      data: RNFetchBlob.wrap(realPath),
    },
    {
      name: "data",
      data: JSON.stringify({
        date: date,
        description: description,
      }),
    },
  ];

  await RNFetchBlob.fetch(
    !recordId ? "post" : "put",
    !recordId ? baseRecordUploadUrl : `${baseRecordUploadUrl}/${recordId}`,
    headers as { [key: string]: string },
    multipartParams
  )
    .then((resp) => {
      console.log(resp);
    })
    .catch((err) => {
      console.log(err);
    });
};