Response Middleware Issue in Recent Feature Addition #368

export const useGraphQLClient = (): GraphQLClient => {
  const {user} = useAuth();

  const graphQLClient = new GraphQLClient(GRAPHQL_ENDPOINT_AUTH, {
    errorPolicy: 'all',
    requestMiddleware: request => {
      console.log(`Request: ${JSON.stringify(request)}\n`);

      return user && user.isSignedIn && user.credentials.accessToken
        ? {
            ...request,
            headers: {
              ...request.headers,
              authorization: `Bearer ${user.credentials.accessToken}`,
            },
          }
        : request;
    },
    responseMiddleware: response => {
      console.log(`Response: ${JSON.stringify(response)}\n`);
      if (response.errors) {
        console.log(`Errors: ${JSON.stringify(response.errors)}\n`);
      }
    },
  });

  return graphQLClient;
};

export const useTestAuth = () => {
  const client = useGraphQLClient();

  return useQuery(
    'test-auth',
    async () => {
      const payload = await client.rawRequest<TestAuthResponse>(
        TEST_AUTH_QUERY,
      );
      return payload.data;
    },
    {enabled: false},
  );
};