Блог

Мне очень трудно получить пользовательскую ошибку Apollo на стороне клиента.

Вот код сервера:

 ...
const schema = makeExecutableSchema({
  typeDefs: [constraintDirectiveTypeDefs, ...typeDefs],
  resolvers,
  schemaTransforms: [constraintDirective()],
});


const server = new ApolloServer({
  schema,
  dataSources,
  context({ req }) {
    const token = req.headers.authorization;

    const user = token ? getUserFromToken(token) : '';

    return { user };
  },

  debug: false,
  formatError: (err) => { 
    // ToDo: Generate unique token and log error
    if (err!.extensions!.code == 'INTERNAL_SERVER_ERROR') {
      return new ApolloError('We are having some trouble', 'ERROR', {
        token: 'uniquetoken',
      });
    }
    return err;
  },
  uploads: false,
});
...
 

Клиентский код:

  ...
const ADD_CLAIM = gql`
  mutation addClaim($claim: ClaimInput!) {
    addClaim(claim: $claim) {
      id
    }
  }
`;
...

 const [addClaim, { data, error }] = useMutation(ADD_CLAIM);

 ...

 const onSubmit = async () => {
   try {
    debugger;
    const r = await addClaim({
      variables: {
        input: {
          id: insured.insured,
          date: '20/12/2020',
      ...
          therapy: treatment.treatments.map(treat => ({
            id: treat.treatId,
        ...
          })),
        },
      },
    });

    debugger;

    console.log('r', r);

    } catch (err) {
      debugger;
      setFormError(error ? error.message : err.message);
      console.log('Error:', err);
    }
  };

...


  if (error) {
    debugger;
    return <div>error</div>;
  }
 

Я ожидаю получить пользовательскую ошибку: «У нас возникли некоторые проблемы».
Однако, независимо от того, что я делаю, я получаю: «Ответ не прошел успешно: получен код состояния 400».

Я на 100% выдаю пользовательскую ошибку с сервера:

Но я получаю на стороне клиента:

Более того, когда я проверяю вкладку network в инструментах разработчика, в ответ у меня появляется моя ошибка:

Но я не могу получить к нему доступ из кода. Кстати, на игровой площадке я вижу свою ошибку:

Здесь, где мои ошибки :

 error.networkError.result.errors
 

Чего никто не знает?

Или

 const errorLink = onError(({ graphQLErrors, networkError }) => {
  debugger;
  console.log(graphQLErrors);
  console.log(networkError);
});

const client = new ApolloClient({
  ...
  link: ApolloLink.from( [errorLink, ...]),    
});
 

Это тоже работает.

Да, иногда GraphQL — неприятный зверь