Relay

Question 1

useQueryLoader

Answer 1

Hook used to make it easy to safely load and retain queries. It will keep a query reference stored in state, and dispose of it when the component is disposed or it is no longer accessible via state.

Question 2

What does useQueryLoader return?

Answer 2

and array of: [
 queryReference,
 loadQuery,
 disposeQuery
]

Question 3

what are the arguments useQueryLoader accepts?

Answer 3

query: GraphQL query specified using a graphql template literal.

initialQueryRef: [Optional] An initial PreloadedQuery to be used as the initial value of the queryReference stored in state and returned by useQueryLoader.

Question 4

what is queryReference in the return of useQueryLoader?

Answer 4

the query reference, or null

Question 5

what is loadQuery in the return of useQueryLoader?

Answer 5

a callback that, when executed, will load a query, which will be accessible as queryReference. If a previous query was loaded, it will dispose of it

Question 6

what is disposeQuery in the return of useQueryLoader?

Answer 6

a callback that, when executed, will set queryReference to null and call .dispose() on it. It has type () => void