kitten.sh
1import { useQuery } from 'urql';
2import { graphql } from './gql';
3// @ts-expect-error
4import { Pokemon } from './fragment';
5import * as React from 'react';
6
7const PokemonQuery = graphql(`
8 query Po($id: ID!) {
9 pokemon(id: $id) {
10 id
11 fleeRate
12 ...pokemonFields
13 attacks {
14 special {
15 name
16 damage
17 }
18 }
19 weight {
20 minimum
21 maximum
22 }
23 name
24 __typename
25 }
26 }
27`);
28
29const Pokemons = () => {
30 const [result] = useQuery({
31 query: PokemonQuery,
32 variables: { id: '' }
33 });
34
35 const pokemon = result.data?.pokemon
36 console.log(result.data?.pokemon?.attacks && result.data?.pokemon?.attacks.special && result.data?.pokemon?.attacks.special[0] && result.data?.pokemon?.attacks.special[0].name)
37 console.log(pokemon?.name)
38
39 // @ts-expect-error
40 return <Pokemon data={result.data?.pokemon} />;
41}
42