Send Apollo GraphQL mutation request from React to Contentful

Question

I have a simple app built using React + contentful, I'm using apollo as a client. I have a simple array of objects which I retrieve using query and which I'd like to update directly from UI.

this is my query

export const GET_RADIO = gql`
  query getUrl {
    allContentfulRadioUrl {
      nodes {
        url
        radioName
      }
    }
  }
`;

it works fine.

Then this is my mutation:

export const NEW_RADIO = gql`
  mutation addNewRadio($url: String!, $name: String!) {
    newRadio(url: $url, radioName: $name) {
      allContentfulRadioUrl {
        nodes {
          url
          radioName
        }
      }
    }
  }
`;

I'm passing the data to the mutation in this way:

  const [addRadio] = useMutation(NEW_RADIO);


  const submit = (e: FormEvent<HTMLFormElement>) => {
    e.preventDefault();
   
    addRadio({
      variables: { url: formState.url, radioName: formState.radioName },
    });
  };

but I keep having errors in the response:

GraphQLError: Variable "$name" of required type "String!" was not provided."

It's my first time using GraohQL and this stack so I'm sure I'm missing something. what do I did wrong?

junray · Accepted Answer · 2022-03-09 16:32:05Z

1

I've just found out that the plugin gatsby-source-contentful is only for querying data and not for mutations, so i was trying to do something impossible

answered Mar 9, 2022 at 16:32

junray

1934 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Send Apollo GraphQL mutation request from React to Contentful

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related