Incompatible Typescript Cache type when using createInMemoryCache

[aidenfoxx]

Describe the bug

When using the latest @graphql-yoga/plugin-response-cache plugin, providing a manually initialized createInMemoryCache cache instance causes a Typescript error:

error TS2322: Type 'import("/workspace/node_modules/@envelop/response-cache/typings/cache").Cache' is not assignable to type 'Cache'.
  The types returned by 'get(...)' are incompatible between these types.
    Type 'PromiseOrValue<ExecutionResult<ObjMap<unknown>, ObjMap<unknown>>>' is not assignable to type 'Promise<ExecutionResult<Record<string, unknown>, ResponseCachePluginExtensions>>'.
      Type 'ExecutionResult<ObjMap<unknown>, ObjMap<unknown>>' is missing the following properties from type 'Promise<ExecutionResult<Record<string, unknown>, ResponseCachePluginExtensions>>': then, catch, finally, [Symbol.toStringTag]

Prior versions of the plugin (1.4.0) did not cause this error.

Your Example Website or App

https://codesandbox.io/p/sandbox/laughing-keldysh-ffhp3k?file=%2Findex.ts%3A4%2C20

Steps to Reproduce the Bug or Issue

Create a Typescript instance of Yoga using the useResponseCache plugin, with the cache option set to a cache instance created with createInMemoryCache.

Expected behavior

The server should start normally.

Screenshots or Videos

No response

Platform

Typescript

Additional context

No response

[0-don]

yes having the same problem

[Aurumdev952]

I'm having the same problem using createRedisCache({ redis }) from the example in the docs
"@envelop/response-cache-redis": "^3.3.0", "@graphql-yoga/plugin-response-cache": "^2.1.1", "ioredis": "^5.3.2",

[gthau]

A possible workaround while it's being fixed is:

const cache = createInMemoryCache() as UseResponseCacheParameter['cache'];

[EmrysMyrddin]

You can try @graphql-yoga/plugin-response-cache@2.1.2-rc-20230920111722-2d9abd25 preview version if you want to verify the fix is working.