How to use the @apollo/react-hoc.withQuery function in @apollo/react-hoc

export function withHeroDetailsWithFragment(operationOptions?: ApolloReactHoc.OperationOption>) {
  return ApolloReactHoc.withQuery>(HeroDetailsWithFragmentDocument, {
    alias: 'heroDetailsWithFragment',
    ...operationOptions,
  });
}
export type HeroDetailsWithFragmentQueryResult = ApolloReactCommon.QueryResult;

export function withTwoHeroes(operationOptions?: ApolloReactHoc.OperationOption>) {
  return ApolloReactHoc.withQuery>(TwoHeroesDocument, {
    alias: 'twoHeroes',
    ...operationOptions,
  });
}
export type TwoHeroesQueryResult = ApolloReactCommon.QueryResult;

export function withFeed(operationOptions?: ApolloReactHoc.OperationOption>) {
  return ApolloReactHoc.withQuery>(FeedDocument, {
    alias: 'feed',
    ...operationOptions,
  });
}
export type FeedQueryResult = ApolloReactCommon.QueryResult;

export function withHeroDetails(operationOptions?: ApolloReactHoc.OperationOption>) {
  return ApolloReactHoc.withQuery>(HeroDetailsDocument, {
    alias: 'heroDetails',
    ...operationOptions,
  });
}
export type HeroDetailsQueryResult = ApolloReactCommon.QueryResult;

export function withHeroNameConditionalExclusion(
  operationOptions?: ApolloReactHoc.OperationOption>
) {
  return ApolloReactHoc.withQuery>(HeroNameConditionalExclusionDocument, {
    alias: 'heroNameConditionalExclusion',
    ...operationOptions,
  });
}
export type HeroNameConditionalExclusionQueryResult = ApolloReactCommon.QueryResult;

export function withCurrentUserForProfile(operationOptions?: ApolloReactHoc.OperationOption>) {
  return ApolloReactHoc.withQuery>(CurrentUserForProfileDocument, {
    alias: 'currentUserForProfile',
    ...operationOptions,
  });
}
export type CurrentUserForProfileQueryResult = ApolloReactCommon.QueryResult;

export function withFeed(operationOptions?: ApolloReactHoc.OperationOption>) {
  return ApolloReactHoc.withQuery>(FeedDocument, {
    alias: 'feed',
    ...operationOptions,
  });
}
export type FeedQueryResult = ApolloReactCommon.QueryResult;

export function withHeroParentTypeDependentField(
  operationOptions?: ApolloReactHoc.OperationOption>
) {
  return ApolloReactHoc.withQuery>(HeroParentTypeDependentFieldDocument, {
    alias: 'heroParentTypeDependentField',
    ...operationOptions,
  });
}
export type HeroParentTypeDependentFieldQueryResult = ApolloReactCommon.QueryResult;

export function withFeed(operationOptions?: ApolloReactHoc.OperationOption>) {
  return ApolloReactHoc.withQuery>(FeedDocument, {
    alias: 'feed',
    ...operationOptions,
  });
}

export function withCounterQuery(operationOptions?: ApolloReactHoc.OperationOption<
  TProps,
  CounterQueryQuery,
  CounterQueryQueryVariables,
  CounterQueryProps>) {
    return ApolloReactHoc.withQuery>(CounterQueryDocument, {
      alias: 'counterQuery',
      ...operationOptions
    });
};
export type CounterQueryQueryResult = ApolloReactCommon.QueryResult;