TypeScript complains about subscriptionForwarder type

When configuring subscriptions like the documentation suggests, TS complains with the following error:

Type 'Observable<ExecutionResult<{ [key: string]: any; }, { [key: string]: any; }>>' is not assignable to type 'ObservableLike<OperationResult<any>>'.
  Types of property 'subscribe' are incompatible.
    Type '(observer: Observer<ExecutionResult<{ [key: string]: any; }, { [key: string]: any; }>>) => { unsubscribe: () => void; }' is not assignable to type '(observer: ObserverLike<OperationResult<any>>) => Unsub'.
      Types of parameters 'observer' and 'observer' are incompatible.
        Type 'ObserverLike<OperationResult<any>>' is not assignable to type 'Observer<ExecutionResult<{ [key: string]: any; }, { [key: string]: any; }>>'.
          Types of property 'next' are incompatible.
            Type '(value: OperationResult<any>) => void' is not assignable to type '(value: ExecutionResult<{ [key: string]: any; }, { [key: string]: any; }>) => void'.
              Types of parameters 'value' and 'value' are incompatible.
                Property 'error' is missing in type 'ExecutionResult<{ [key: string]: any; }, { [key: string]: any; }>' but required in type 'OperationResult<any>'.

What I’m doing is the following:

import { createClient, handleSubscriptions, defaultPlugins } from "villus";
import { SubscriptionClient } from "subscriptions-transport-ws";

const subscriptionClient = new SubscriptionClient("ws://localhost:4000/api/graphql", { reconnect: true });

export const villus = createClient({
  url: "/api/graphql",
  use: [handleSubscriptions((operation) => subscriptionClient.request(operation)), ...defaultPlugins()],
});

Any idea what I’m doing wrong ?

[logaretm]

Thank you for the example, it helped identify the issue which also lead to finding a bug.

Will tag a release shortly.

[lewebsimple]

Update : this seems to be caused by typed-document-node as the error doesn’t show up when using vanilla queries.