You have to solve my problem. Please help me.

[siamahnaf]

Where I am wrong. Why getting again again 400 bad request. Please help. Here is the error image-

export const signUp = (data) => async (dispatch) => {
    console.log(data.picture[0].name);
    dispatch({type: SIGNUP_LOADING})
    var formData = new FormData();
    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({
        url: "http://localhost:3001/graphql",
        method: "post",
        data: formData,
        Headers: {
            Accept: "application/json"
        }
    })
        .then(response => console.log(response))
        .catch(error => console.log(error));
}

I can't anything. Please, jaydenseric, I need your help. Please help me. Please. The mutation is worked in playground. Here is image-

You have to help me. Please. Where I am wrong. 😌 Please please please.

[jaydenseric]

The error message is correct, and the answer is simple. The JSON you put in the operations field is invalid. You need to escape the " in the query with \".

[siamahnaf]

@jaydenseric I use this like-

'{ "query": "mutation($file: Upload!) {signUp(avatar: $file, input: {name: \"Siam Ahnaf\", email: \"siamahnaf198@yahoo.com\", password: \"siam1980"\}){message, token}}", "variables": { "file": null } }'

But throw the same error like image-

[siamahnaf]

Hey @jaydenseric Please help me. I still can't solve the problem.