-
Notifications
You must be signed in to change notification settings - Fork 1.3k
/
HeroDetails.tsx
62 lines (58 loc) · 2.17 KB
/
HeroDetails.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
import * as Types from '../types.d.js';
import { gql } from '@apollo/client';
import * as Apollo from '@apollo/client';
const defaultOptions = {} as const;
export type HeroDetailsQueryVariables = Types.Exact<{
episode?: Types.InputMaybe<Types.Episode>;
}>;
export type HeroDetailsQuery = {
__typename?: 'Query';
hero?:
| { __typename?: 'Droid'; primaryFunction?: string | null; name: string }
| { __typename?: 'Human'; height?: number | null; name: string }
| null;
};
export const HeroDetailsDocument = gql`
query HeroDetails($episode: Episode) {
hero(episode: $episode) {
name
... on Human {
height
}
... on Droid {
primaryFunction
}
}
}
`;
/**
* __useHeroDetailsQuery__
*
* To run a query within a React component, call `useHeroDetailsQuery` and pass it any options that fit your needs.
* When your component renders, `useHeroDetailsQuery` returns an object from Apollo Client that contains loading, error, and data properties
* you can use to render your UI.
*
* @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
*
* @example
* const { data, loading, error } = useHeroDetailsQuery({
* variables: {
* episode: // value for 'episode'
* },
* });
*/
export function useHeroDetailsQuery(
baseOptions?: Apollo.QueryHookOptions<HeroDetailsQuery, HeroDetailsQueryVariables>
) {
const options = { ...defaultOptions, ...baseOptions };
return Apollo.useQuery<HeroDetailsQuery, HeroDetailsQueryVariables>(HeroDetailsDocument, options);
}
export function useHeroDetailsLazyQuery(
baseOptions?: Apollo.LazyQueryHookOptions<HeroDetailsQuery, HeroDetailsQueryVariables>
) {
const options = { ...defaultOptions, ...baseOptions };
return Apollo.useLazyQuery<HeroDetailsQuery, HeroDetailsQueryVariables>(HeroDetailsDocument, options);
}
export type HeroDetailsQueryHookResult = ReturnType<typeof useHeroDetailsQuery>;
export type HeroDetailsLazyQueryHookResult = ReturnType<typeof useHeroDetailsLazyQuery>;
export type HeroDetailsQueryResult = Apollo.QueryResult<HeroDetailsQuery, HeroDetailsQueryVariables>;