Handling image upload in react

image upload.js

const handleImageUpload = async (e) => {
	
// 	get the file name
	const file = e.target.files[0];
	
// 	attach file
	const bodyFormData = new FormData();
	bodyFormData.append("image", file);
	
// 	set fieldValue state
	setFieldValue("image", bodyFormData);
	
	try {
		const { data } = await Axios.post(
			`${YOUR_API_URL}/uploads`, bodyFormData,
			{
				headers: {
					"Content-Type": "multipart/form-data",
					Authorization: `Bearer ${userInfo.token}`,
				},
			}
		);
		setFieldValue("image", data);
    } catch (error) {
			setErrorUpload(error.message);
		}
}