Getting 400 in GraphQL while mutation request in React Js

Question

Here is What I tried I took variable activityid and memberid .

  const EnrollActivityMutation = gql`
        mutation ($activityid: String!, $memberid: String!) {
            createActivityEnrollment(
                data: {
                    activity: { connect: { id: $activityid } }
                    member: { connect: { id: $memberid } }
                }
            ) {
                member {
                    name
                }
                id
                activity {
                    name
                }
            }
        }
    `;

  const [createActivityEnrollment, { data, loading, error }] = useMutation(
        EnrollActivityMutation
    );

  createActivityEnrollment({
            variables: {
                activityid,
                memberid
            }
        })
            .then(({ data }) => {
                console.log(data);
            })
            .catch((error) => {
                console.log(error);
            });

I am getting error of 400 Bad Request http://localhost:3000/api/graphql 400 (Bad Request)

I am not sure if there is problem regarding variables.

Answer 1

 const EnrollActivityMutation = gql`
        mutation ($activityid: ID!, $memberid: ID!) {
            createActivityEnrollment(
                data: {
                    activity: { connect: { id: $activityid } }
                    member: { connect: { id: $memberid } }
                }
            ) {
                member {
                    name
                }
                id
                activity {
                    name
                }
            }
        }
    `;