How to use typescript?

[qqww08]

Hi
I would like to export and use the resolver

// mocks/index.ts

import { postLogin } from './postLogin.ts'

http.post(`${baseUrl}/login`, postLogin)

// mocks/postLogin.ts
// 🙏I am curious about the type of resolver.

export const postLogin = async (resolver: ❓??) => {
 return HttpResponse.json({ data: "ok" }, { status: 200 });
}

[kettanaito]

Hi, @qqww08. Here's how you can annotate the resolver argument:

import type { HttpResponseResolver } from 'msw'

export const postLogin = async (resolver: HttpResponseResolver) => {
  // ...your logic here.
}

Learn more about Using MSW with TypeScript.

Based on your usage snippet, I think you are looking for this instead:

export const postLogin: HttpResponseResolver = () => {
  return HttpResponse.json({ data: 'ok' })
}

Then, you can use the postLogin function as a response resolver itself:

http.post('/endpoint', postLogin)