Apollo Mutation component w/ react-final-form

Hi I am trying to make the new Apollo Mutation component which was released in v2.1 work w/ react-final-form. It goes along pretty well so far. But now I finally dealing with server errors. It seems like in Apollo I can only access server errors in the onError callback and not within final-form onSubmit itself. Is there a way to populate submitErrors from within onError?

In other words how to combine Apollo 2.1 + react-final-form the right way?

<Mutation
  mutation={REGISTER_USER}
  onCompleted={result => {
    console.log('result', result);
  }}
  onError={({ graphQLErrors, networkError }) => {
    console.log('graphQLErrors', graphQLErrors[0].message);

    // {'email': 'Email address is invalid.'}
  }}
>
  {registerUser => (
    <FinalForm
      onSubmit={values => {
        registerUser({
          variables: values,
        });
      }}
      initialValues={currentUser}
      render={({
        handleSubmit,
        pristine,
        invalid,
      }: FormRenderProps) => (
        <form onSubmit={handleSubmit}>
          <UsernameField externalLoading={loading} />
          <EmailField />
          <LanguageField />
          <SubmitButton
            initial
            pristine={pristine}
            invalid={invalid}
          >
            Register User
          </SubmitButton>
        </form>
      )}
    />
  )}
</Mutation>

[erikras]

You guys are gonna make me learn Apollo… 😄

Maybe look at @kavink’s work here https://github.com/final-form/react-final-form/issues/23#issuecomment-375581107?

[erikras]

@soosap Any chance you could whip up a sandbox example I could publicize on the readme?