fix(setupServer): reference interceptors to support fast refresh (#1299)

src/native/index.ts

@@ -3,4 +3,4 @@ import { createSetupServer } from '../node/createSetupServer'
 
 // Provision request interception via patching the `XMLHttpRequest` class only
 // in React Native. There is no `http`/`https` modules in that environment.
-export const setupServer = createSetupServer(new XMLHttpRequestInterceptor())
+export const setupServer = createSetupServer(XMLHttpRequestInterceptor)

src/node/createSetupServer.ts

@@ -27,7 +27,7 @@ const DEFAULT_LISTEN_OPTIONS: RequiredDeep<SharedOptions> = {
  * Useful to generate identical API using different patches to request issuing modules.
  */
 export function createSetupServer(
-  ...interceptors: Interceptor<HttpRequestEventMap>[]
+  ...interceptors: { new (): Interceptor<HttpRequestEventMap> }[]
 ) {
   const emitter = new StrictEventEmitter<ServerLifecycleEventsMap>()
   const publicEmitter = new StrictEventEmitter<ServerLifecycleEventsMap>()
@@ -62,7 +62,7 @@ export function createSetupServer(
 
     const interceptor = new BatchInterceptor({
       name: 'setup-server',
-      interceptors,
+      interceptors: interceptors.map((Interceptor) => new Interceptor()),
     })
 
     interceptor.on('request', async function setupServerListener(request) {

src/node/setupServer.ts

@@ -10,6 +10,6 @@ import { createSetupServer } from './createSetupServer'
 export const setupServer = createSetupServer(
   // List each interceptor separately instead of using the "node" preset
   // so that MSW wouldn't bundle the unnecessary classes (i.e. "SocketPolyfill").
-  new ClientRequestInterceptor(),
-  new XMLHttpRequestInterceptor(),
+  ClientRequestInterceptor,
+  XMLHttpRequestInterceptor,
 )