Olá.
Uma coisa que estava me incomodando com as refatorações desse curso para o uso do useQuery
do Apollo Client é que estávamos perdendo a propriedade isLoading
que o useQuery
do React Query disponibilizava e que usávamos para renderizar um componente de loading enquanto a consulta não finalizava.
Durante este último desafio sugerido, resolvi dar uma fuçada na documentação do hook e descobri que há sim uma propriedade semelhante e de nome bem parecido: loading
. Então, para continuar aproveitando a lógica de loading que havia anteriormente no código, podemos fazer:
const { data, loading: carregandoDestaques } = useQuery<{ destaques: { lancamentos: ILivro[], maisVendidos: ILivro[] } }>(OBTER_DESTAQUES)
E substituir carregandoLancamentos
e carregandoMaisVendidos
por carregandoDestaques
.