worker.start must async, otherwise msw will slow then the first request

[Fallsleep]

In my project, the app will get user info if cookie has user token immediately after page loaded.
After upgrage to 2.x, this request run into backend server instead of msw worker.
I have long time not working with this project, and today I work on it again.

After some try and search, I find if worker.start set to async await, the request run well:

const { worker } = await import('./browser')
👇
await worker.start({
  onUnhandledRequest: 'bypass',
  serviceWorker: {
    // if homepage not '/'
    url: `${import.meta.env.VITE_APP_ROUTER_BASE_URL}/mockServiceWorker.js`,
  },
})

[kettanaito]

Hi.

worker.start() has been async for a long time, even in MSW v1.0. This is extremely clearly state in both docs:

2.x

1.x

Important

Okay, I think I see the source of confusion. The V1 docs didn't mention await worker.start() in any of the usage examples. That's on me. Those docs are readonly now so I cannot update them. Please always await worker.start().