MSW + React + Vite: Failed to HMR Update if MSW active

[rizaldirnm]

Prerequisites

• I confirm my issue is not in the opened issues
• I confirm the Frequently Asked Questions didn't contain the answer to my issue

Environment check

• I'm using the latest msw version
• I'm using Node.js version 18 or higher

Browsers

Chromium (Chrome, Brave, etc.)

Reproduction repository

https://github.com/rizaldirnm/msw-vite

Reproduction steps

clone repo: https://github.com/rizaldirnm/msw-vite

yarn install

yarn dev

Current behavior

1. Some how MSW mocking request in asset react.svg
   

2. If we try change something in app, HMR failed to deliver asset because MSW mocked the request
   

Expected behavior

MSW should mock only registered handler.

[shanereid]

+1

I'm getting the exact same error on a pretty fresh install.

• I'm on macOS
• Happens on Chrome, but not Safari
• { onUnhandledRequest: "bypass" } does not fix the issue.
• Basically exact error as above, says it hot updates but does not. msw seems to be intercepting hmr requests? (screenshot attached)
• react 18.3.1
• vite 5.4.8
• msw 2.7.0