fix(browser): set the default entrypoint to commonjs (#2516)

browser/package.json

@@ -1,7 +1,8 @@
 {
   "type": "module",
-  "main": "../lib/browser/index.mjs",
-  "types": "../lib/browser/index.d.mts",
+  "main": "../lib/browser/index.js",
+  "module": "../lib/browser/index.mjs",
+  "types": "../lib/browser/index.d.ts",
   "exports": {
     ".": {
       "module-sync": {

test/typings/setup-server.test-d.ts

@@ -0,0 +1,42 @@
+import { http, HttpResponse, graphql } from 'msw'
+import { setupServer } from 'msw/node'
+
+it('does not produce a type error when called without arguments', () => {
+  setupServer()
+})
+
+it('accepts a single HTTP request handler', () => {
+  setupServer(
+    http.get('/user', () => {
+      return HttpResponse.json({ name: 'John Doe' })
+    }),
+  )
+  setupServer(
+    http.get('/user', async () => {
+      return HttpResponse.json({ name: 'John Doe' })
+    }),
+  )
+})
+
+it('accepts a single GraphQL request handler', () => {
+  setupServer(
+    graphql.query('GetUser', () => {
+      return HttpResponse.json({ data: { name: 'John Doe' } })
+    }),
+  )
+  setupServer(
+    graphql.query('GetUser', async () => {
+      return HttpResponse.json({ data: { name: 'John Doe' } })
+    }),
+  )
+})
+
+it('supports a list of request handlers defined elsewhere', () => {
+  const handlers = [
+    http.get('/user', () => {
+      return HttpResponse.json({ name: 'John Doe' })
+    }),
+  ]
+
+  setupServer(...handlers)
+})

test/typings/setup-worker.test-d.ts

@@ -0,0 +1,42 @@
+import { http, HttpResponse, graphql } from 'msw'
+import { setupWorker } from 'msw/browser'
+
+it('does not produce a type error when called without arguments', () => {
+  setupWorker()
+})
+
+it('accepts a single HTTP request handler', () => {
+  setupWorker(
+    http.get('/user', () => {
+      return HttpResponse.json({ name: 'John Doe' })
+    }),
+  )
+  setupWorker(
+    http.get('/user', async () => {
+      return HttpResponse.json({ name: 'John Doe' })
+    }),
+  )
+})
+
+it('accepts a single GraphQL request handler', () => {
+  setupWorker(
+    graphql.query('GetUser', () => {
+      return HttpResponse.json({ data: { name: 'John Doe' } })
+    }),
+  )
+  setupWorker(
+    graphql.query('GetUser', async () => {
+      return HttpResponse.json({ data: { name: 'John Doe' } })
+    }),
+  )
+})
+
+it('supports a list of request handlers defined elsewhere', () => {
+  const handlers = [
+    http.get('/user', () => {
+      return HttpResponse.json({ name: 'John Doe' })
+    }),
+  ]
+
+  setupWorker(...handlers)
+})