kitten.sh
1import * as React from 'react';
2import { useQuery } from 'urql';
3import { graphql } from './gql';
4// @ts-expect-error
5import { Pokemon } from './fragment';
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 = React.useMemo(() => result.data?.pokemon, [])
36
37 // @ts-expect-error
38 return <Pokemon data={result.data?.pokemon} />;
39}
40