Playwright doesn't intercept failing requests consistently.

I use evaluate to inject a fetch request in my app that requests a non-existing path, which in normal scenarios will just throw a 404 error. When I intercept that request THE FIRST TIME, I can successfully mock the response data, but when doing it the second time, the browser catches it.

I'm not that good with networking in the browser but it seems that there might be some race conditions happening.

After the 1st and 2nd requests the browser catches all of them mostly, but sometimes playwright does catch some of them if I do it fast enough, sometimes if I send those fetch requests rapidly, playwright can catch twice in a row.

I might be missing something, so here is how I intercept the requests — this is the only interception I have in my test:

tab.route(/nonExistingRoute/g, async (route: Route) => {
  console.log("intercepted."); // this doesn't get logged consistently    
  await route.fulfill({
    status: 200,
    contentType: "application/json",
    body: JSON.stringify({ foo: "bar" }),
  });
})