fetch is incompatible with the GlobalFetch['fetch'] type

import fetch from "node-fetch";

let f: GlobalFetch["fetch"] = fetch;

This fails with error message:

Type '(url: string | Request, init?: RequestInit) => Promise<Response>' is not assignable to type '(input: RequestInfo, init?: RequestInit) => Promise<Response>'.
  Types of parameters 'url' and 'input' are incompatible.
    Type 'RequestInfo' is not assignable to type 'string | Request'.
      Type 'Request' is not assignable to type 'string | Request'.
        Type 'Request' is not assignable to type 'import("/Users/grant.wu/petuum/api-gateway/node_modules/@types/node-fetch/index").Request'.
          Property 'context' is missing in type 'Request'.

I’m using typescript 3.1.1 and node-fetch 2.2.0.

https://github.com/apollographql/apollo-link/issues/513 this causes problems with code that assumes that GlobalFetch['fetch'] is a good type to represent a generic “fetcher”.

Do you have any suggestions for how to proceed?

[bitinn]

I saw apollo-env now has a workaround that wrap node-fetch into a fetch with compatible type, I think it’s the right approach, so I am closing this.

[grantwwu]

@cdaringe Nope, didn’t have an alternative to what you came up with in https://github.com/apollographql/apollo-link/issues/513#issuecomment-548219023