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?