Как написать graphqlquery для извлечения данных из таблицы и отображения их во внешнем интерфейсе с использованием машинописи и реакции?

Question

Я хочу запросить данные из msqltable, используя graphql, apolloclient, машинописный текст и реагировать.

Что я пытаюсь сделать? У меня есть таблица пользователей с полями, как показано ниже

id companyId

Теперь я хочу просто отобразить team_id для всех пользователей

схема такая, как ниже,

type User {
  id: ID!
  team: Team!
}
type Team {
  id: ID!
  companyId: String!
}

type Query {
  listUser: User,
}

И у меня есть запрос, как показано ниже

import gql from 'graphql-tag';

export const LIST_USER = gql`
    query ListUser {
        listUser {
            Team {
                id
                companyId
            }
        }
    }
`;

под graphql

listUser: async (parent, context) => {
    const data = await context.dbHandler({
        sql: 'SELECT * FROM user',
    });
    return data;
},


export default queries;

И из внешнего интерфейса в одном из моих компонентов я даю

import { useApolloClient } from '@apollo/react-hooks';
function someComponent = () => {
    const apolloClient = useApolloClient();
    const output = async () => {
        await apolloClient
        .query({ query: LIST_USER })
        .then(({ data }: any) => data);
    };
    const output1 = output();
    console.log('output****', output1);
}

из-за этого появляется сообщение об ошибке «Невозможно запросить поле« listUser »типа Query ... Я не уверен, что с этим происходит. Я новичок в использовании подхода graphql ... Может кто-нибудь помочь мне исправить это. Спасибо.