Estoy tratando de cargar una nueva imagen en mi aplicación de reacción, pero cuando envío la solicitud, el resultado es este error:

 error Object { message: "Unsupported source URL: undefined" }

Mi fragmento de código es este:

 const handleCreate = async () => { const data = new FormData(); data.append("file", file); data.append("upload_preset", "uploads"); try { const uploadRes = await axios.post( "https://api.cloudinary.com/v1_1/CLOUDNAME/image/upload", data ); const { url } = uploadRes.data; const newProduct = { title, desc, prices, extraOptions, img: url, }; await axios.post("http://localhost:3000/api/products", newProduct); setClose(true); } catch (err) { console.log(err); } };