I have the following code in React frontend

 const formData = new FormData();
 formData.append("file", values.file.file);
 formData.append("fileName", values.file.fileName);
 formData.append("image", values.image);
 formData.append("body", values.body);
 formData.append("bookId", values.bookId);

 axios.put("/api/admin/visuals/" + this.props.match.params.id, formData)
 .then((response) => {

In node js backend, I have the following code

router.put("/:id", checkAdminAuth, async (req, res) => {
    const id = req.params.id;
    let upload = null;
    let input = req.body;

    if (id > 0) {
        try {
            console.dir(req.body);

            if (req.body.file) {
                upload = await Common.uploadMedia(req, res);
                input.image = upload;
                console.dir("Uploaded new file");
            }

            await Visuals.update(input, id);

            return res.json({
                status: "ok",
            });
        } catch (error) {
            console.dir(error);
            return res.json({
                status: "error",
            });
        }
    }
});

I have two issues

• req.body is empty
• req.body.file is empty

Does someone know why?