Apollo Client Mutation Problem

Hey folks,
I’m new to Apollo Client and my Apollo Client version is 3.5.10 and I’m having difficulties with client mutation with the api:


When I call the api using POSTMAN its work fine but when I try to use and call it from react app it through error code:


In Network Analyzer of dev tool

1. {operationName: "subscribe", variables: {},…}

  1. operationName: "subscribe"
  2. query: "mutation subscribe($email: String!, $name: String!) {\n subscribe(input: {email: $email, name: $name}) {\n id\n name\n __typename\n }\n}"
  3. variables: {}

Request URL: https://api.graphql.jobs/
Request Method: POST
Status Code: 400 
Remote Address:
Referrer Policy: strict-origin-when-cross-origin

But I have properly provided the name and email

Here is the Mutation Query:

export const SUBSCRIBE_MUTATION = gql`
    mutation subscribe(
        $email: String!,
        $name: String!,
            email: $email,
            name: $name,

Here is code in app.js

import { ApolloClient, ApolloProvider, InMemoryCache} from '@apollo/client';
const client = new ApolloClient({
  cache: new InMemoryCache(),
  uri: 'https://api.graphql.jobs',
    <div className="App">
      <ApolloProvider client={client}>
        <SimpleForm />

Here is the code from where I send the form data:

function SimpleForm() {
    const [name, setName] = React.useState('');
    const [email, setEmail] = React.useState('');
    const [subscribe, { error }] = useMutation(SUBSCRIBE_MUTATION);

    const sub = () => {
        subscribe({variables: {email,name}});

return (
                <input type="text" name='name' value={name} placeholder='Name' onChange={(e) => setName(e.target.value)} />
                <input type="text" name='email' value={email} placeholder='Email' onChange={(e) => setEmail(e.target.value)} />
                <button type='button' onClick={() => sub()}>Submit</button>

Here is my complete code


I have try documentation, stackoverflow but still facing the same issue

Thanks in Advance

@naveed The working URL you’ve tested with Postman is different than the URI you’ve configured with Apollo Client. If you’re sending GraphQL requests to https://api.graphql.jobs/c/unrealists/full-stack-javascript-developer/ with Postman and it’s working, then that means your GraphQL server is hosted at that location and not at the https://api.graphql.jobs/ URI you’ve configured with Apollo Client. I’m assuming that isn’t the case, but maybe share a screenshot of your Postman call so we can see the exact way you have things configured there, to troubleshoot further.