useQuery retornando 500

Quando faço uma chamada na GraphQL IDE para o vtex.catalog-grapqhl@1.97.1 retorna os itens com sucesso, mas quando tento fazer no meu component react retorna status 500 com erro.

query no arquivo:

query products($term: string, $pageSize: number, $page: number) {
  products(term: $therm, pageSize: $pageSize, page: $page) {
    items {
      name
      imageUrl
    }
  }
}

component:

const CardDescription = (props: any) => {
    
    const {loading, error, data} = useQuery(GET_PRODUCTS, {
        variables: {
            term: "teste",
            pageSize: 10,
            page: 2
        }
    });

    console.log(loading, data, error) 
    /* false,  undefined,  Error: Network error: Response not successful: Received status code 500
    at new ApolloError (bundle.esm.js:63:1)
    at ObservableQuery.push.../../../../modules/ff03acce7dd0a09128c97887512ff7d20b8e62890ee369223344f929a9b683a9/dev/node_modules/apollo-client/bundle.esm.js.ObservableQuery.getCurrentResult (bundle.esm.js:159:1)
    at QueryData.push.../../../../modules/ff03acce7dd0a09128c97887512ff7d20b8e62890ee369223344f929a9b683a9/dev/node_modules/@apollo/react-hooks/lib/react-hooks.esm.js.QueryData.getQueryResult (react-hooks.esm.js:265:1)
    at QueryData._this.getExecuteResult (react-hooks.esm.js:73:1)
    at QueryData.push.../../../../modules/ff03acce7dd0a09128c97887512ff7d20b8e62890ee369223344f929a9b683a9/dev/node_modules/@apollo/react-hooks/lib/react-hooks.esm.js.QueryData.execute (react-hooks.esm.js:106:1)
    at react-hooks.esm.js:380:43
    at useDeepMemo (react-hooks.esm.js:354:24)
    at useBaseQuery (react-hooks.esm.js:380:1)
    at useQuery (react-hooks.esm.js:399:1)
    at CardDescription (CardDescription.tsx:7:44)*/
  
    return (
        <p>Description here</p>
    )
}

export default CardDescription;

Alguém sabe o que pode ser?

Tenta trocar o therm por term.

troquei, mas o erro persiste :face_with_head_bandage:

query products($term: String!, $pageSize: Int!, $page: Int!) {
  products(term: $term, pageSize: $pageSize, page: $page) {
    items {
      name
      imageUrl
    }
  }

}

Chute: Veja se assim funciona

2 Likes

caramba, Saito, deu certo, muito obrigado!

1 Like

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.