I am making an app in which I am calling an API end point in react native but I am getting this error but in the web app (its done with react) it doesn't show any error, Here is the web app code in react with typescript
try {
let result: any;
const criteriaWithNoFile = {
content: filterCriteria.content ? filterCriteria.content.trim() : '',
filterLimit: filterCriteria.filterLimit,
sorting: filterCriteria.sorting,
contractionOption: filterCriteria.contractionOption,
contentId: filterCriteria.contentId,
url: filterCriteria.url ? filterCriteria.url.trim() : ''
}
if (localStorage.getItem('currentUserToken')) {
dispatch({
type: LOADER,
payload: true
});
const formData = new FormData();
const jsonFilterCriteria = JSON.stringify(criteriaWithNoFile);
const blobFilterCriteria = new Blob([jsonFilterCriteria], {
type: 'application/json'
});
formData.append("filterData", blobFilterCriteria);
formData.append("filterFile", filterCriteria.selectedFile);
console.log('FormData', formData);
try {
result = await authAxios.post(`${process.env.REACT_APP_BASE_URL}/filter`, formData, {
headers: {
'Content-Type': 'multipart/mixed'
}
});
and here is the code I am trying in react native
const filterData = {
content: '',
filterLimit: 1000,
sorting: 'NATURAL',
contractionOption: 'LEAVE_CONTRACTION',
contentId: '',
url:
'https://stackoverflow.com/questions/37552973/get-the-time-zone-with-react-native',
};
const data = new FormData();
const jsonFilter = JSON.stringify(filterData);
const blobFilter = new Blob([jsonFilter], {
type: 'application/json',
});
data.append('filterData', jsonFilter);
data.append('filterFile', selectedFile);
await axios
.post('https://capi.beebl.io/filter', data , {
headers: {
'Content-Type': 'multipart/mixed',
},
})
.then((res) => console.log(res))
.catch((err) => console.log(err));
Can anyone help me what I am doing wrong....
