How to type async higher-order resolver in Typescript?

[nik-webdevelop]

How can I type this higher-order resolver? I keep getting different errors no matter what approach I use

import { delay } from 'msw';

export const withDelay =
  (resolver) =>
  async (...args) => {
    if (import.meta.env.MODE !== 'test') await delay();

    return resolver(...args);
  };

msw 2.0.0
ts 4.9.3

[kettanaito]

Hi, @nik-webdevelop. I gave it a try here but soon learned we need to ship better public-facing types to make higher-order resolvers a more pleasant experience. Thanks for making this surface.

[nik-webdevelop]

@kettanaito thanks for such a quick response! I guess I will do some typecastings for now and looking forward to the type updates. Thank you

[kettanaito]

I need to think of a better way to achieve this. It's a bit tangled since the response resolver infers data from the handler. But you can see that inference working even in my playground—we don't have to expose any types to support it, TypeScript is extremely good at this.

It's mainly the type incompatibility of the <R>(resolver: R): R that bewilders me.