Invalid JSON in the ‘operations’ multipart field when upload formdata?
I can't say that is it issue or my code problem. I am trying to upload file from next js application. I create a formdata. But I get an error like this-
![Screenshot 2021-10-18 132322](https://user-images.githubusercontent.com/78312010/137775169-3fd33841-af9e-4c52-8ecf-960e411ffbc6.png)

Here is my requst function code-
```
formData.append('operations', '{ "query": "mutation($file: Upload!) {signUp(avatar: $file, input: {name: \"Siam Ahnaf\", email: \"siamahnaf198@yahoo.com\", password: \"siam1980\"}){message, token}}", "variables": { "file": null } }');
    formData.append('map', '{ "0": ["variables.file"] }');
    formData.append('0', Image);

    await axios.post("http://localhost:3001/graphql", formData, {
        headers: {
            'Content-Type': 'application/json'
        }
    })
        .then(response => console.log(response))
        .catch(error => console.log(error));
```

I can't understand where is the problem or the issue. Please anyone help me.

But in apollo studio it runs or uploads file successfully. Here is the image-
![Screenshot 2021-10-18 131758](https://user-images.githubusercontent.com/78312010/137775420-ade4a010-3b3a-4807-bf65-5b08c4fbe6f2.png)

Can you help me. Please!

Note***- My backend and frontend application both are running in localhost ( obviously different port ).