uploading image to nodejs backend (express multer ) from expo app - node.js

Question

I have a backend and a create ticket route, in my web react app the image upload works fine but in react native it was not working
here is my react native pickimage code
let result = await ImagePicker.launchImageLibraryAsync({
mediaTypes: ImagePicker.MediaTypeOptions.Images,
allowsEditing: true,
aspect: [4, 3],
quality: 1,
});
if (!result.cancelled) {
setImage(result.uri);
}
};
it was only set the file path to setImage and after it wasn't get uploaded
the request code
here I make the request but everything gets saved on the database except the image
const sendticket = async (title, description, image) => {
setIsLoading(true);
if (title === "" || description === "") {
Alert.alert("Error", "Please fill all the fields");
return;
}
const url = `${BASE_URL}/ticket/`;
try {
const formData = new FormData();
formData.append("title", title);
formData.append("description", description);
formData.append("image", image);
formData.append("creator", userInfo.userId);
const response = await fetch(url, {
method: "POST",
body: formData,
headers: {
Authorization: "Bearer " + userInfo.token,
},
});
const data = await response.json();
if (response.status === 201) {
Alert.alert("Success", "Ticket " + data.Ticket.number + " created");
} else {
console.log(response.status);
console.log(response.statusText);
Alert.alert("Error", "Something went wrong");
}
} catch (error) {
console.log(error);
}
setIsLoading(false);
};
there is the route and multer file upload BACKEND
route.post
router.post(
"/",
wenauppload.single("image"),
[check("title").not().isEmpty(), check("description").isLength({ min: 5 })],
ticketcontroller.createTicket
);
file-upload.js
const multer = require("multer");
const uuid = require("uuid");
const MIME_TYPE_MAP = {
"image/png": "png",
"image/jpeg": "jpeg",
"image/jpg": "jpg",
};
const fileUpload = multer({
limits: 1500000,
storage: multer.diskStorage({
destination: (req, file, cb) => {
cb(null, "uploads/images");
},
filename: (req, file, cb) => {
const ext = MIME_TYPE_MAP[file.mimetype];
cb(null, uuid.v4() + "." + ext);
},
}),
fileFilter: (req, file, cb) => {
const isValid = !!MIME_TYPE_MAP[file.mimetype];
let error = isValid ? null : new Error("Invalid mime type!");
cb(error, isValid);
},
});
module.exports = fileUpload;