Type inference in Typescript 4.3.5 and useQuery

[roderik]

I've got a weird type inference issue lately.

Given the following hook:

  const { data } = useGetNetworkQuery({
    variables: {
      networkId,
    },
  });

which uses the following generated hook

export function useGetNetworkQuery(
  baseOptions: Apollo.QueryHookOptions<GetNetworkQuery, GetNetworkQueryVariables>
) {
  const options = { ...defaultOptions, ...baseOptions };
  return Apollo.useQuery<GetNetworkQuery, GetQueryVariables>(
    GetNetworkDocument,
    options
  );
}

the response of this hook is typed as the following (in the code) as is expected

QueryResult<TData, TVariables> --->>> Apollo.QueryResult<GetNetworkQuery, Exact<{ networkId: string;}>>

in which data is typed as

data: TData | undefined; --->>> data: GetNetworkQuery | undefined; 

and yet, data when using the hook at the top is typed as GetNetworkQuery. So for some reason Typescript (vscode) infers that it cannot be undefined.

Because of this, I have to remember to use undefined checks and optional chaining, which is kind of annoying.

Does anyone know where to look?

[roderik]

This is not a codegen issue btw, the following is also typed this way

  const {data} = Apollo.useQuery<GetNetworkQuery, GetNetworkVariables>(
    GetNetworkDocument
  );

[roderik]

I opened a ticket with repro on apollo apollographql/apollo-client#8649