Asset manager upload sending empty object to backend endpoint

getting an empty object at backend 


Also tried 


 assetManager: {
      
        uploadFile: async (e) => {
          var files = e.dataTransfer ? e.dataTransfer.files : e.target.files;
          console.log(files[0]);
          let formData = new FormData();
          formData.append("file", files[0]);
          formData.append('test',"testing...");
          console.log(formData);

            await Axios.post("http://localhost:5002/api/grapesjs/assets", {
            headers: {
              "Content-Type": "multipart/form-data",
              "Access-Control-Allow-Original":"*"
            },
            formData  
          })
            .then(function () {
              console.log("Success");
            })
            .catch(function (error) {
              console.log(error);
            });
        },
      },


Same error 



BACKEND CODE 


    private storeassets = async (
    req: Request,
    res: Response,
    next: NextFunction
    ): Promise<void> => {
    try {
    console.log("REQ TO S3")
    console.log(req.body);
    const assetData = req.body;
    console.log("STORING TO S3")
    console.log(assetData)




   Backend console data getting empty object in  formData: {}

   REQ TO S3
  {
  headers: {
   'Content-Type': 'multipart/form-data',
   'Access-Control-Allow-Original': '*'
   },
   formData: {}
  }




### Code of Conduct

- [X] I agree to follow this project's Code of Conduct