can't set notifyOnNetworkStatusChange with typescript about react-apollo-hooks

[trojanowski]

Hi @merongmerongmerong

I published a version 0.1.6 with the typescript fix.

how can i skip query?

It's currently not implemented. You can conditionally render a component using the useQuery hook. I can add the skip option, but what behavior of the hook should be if it's true? Return an object with data equal to {}?

[merongmerongmerong]

@trojanowski

thank you for version 0.1.6

come to think of it, as you said i can just render conditionally to prevent query request.

in apollo-client.ts query result type is

export declare type ApolloQueryResult<T> = {
    data: T;
    errors?: GraphQLError[];
    loading: boolean;
    networkStatus: NetworkStatus;
    stale: boolean;
};

however, data is not always T, it is {} when it's not available(loading, error)

const { data, loading, errors } = useQuery<T>(QUERY, options)
console.log(data); // {} -> {} -> T

in react-apollo QueryResult type is

<Query>{(queryResult: QueryResult) => { /**/ }}</Query>

export interface QueryResult<TData = any, TVariables = OperationVariables> extends ObservableQueryFields<TData, TVariables> {
    client: ApolloClient<any>;
    data: TData | undefined;
    error?: ApolloError;
    loading: boolean;
    networkStatus: NetworkStatus;
}

so data field can be undefined. it's slightly different from apollo-client