move to msw .use!!

package.json

@@ -22,14 +22,14 @@
     "faker": "^4.1.0",
     "history": "^5.0.0-beta.5",
     "match-sorter": "^4.1.0",
-    "msw": "^0.17.2",
+    "msw": "^0.18.0",
     "prop-types": "^15.7.2",
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "react-error-boundary": "^2.2.1",
     "react-icons": "^3.10.0",
     "react-query": "^1.5.3",
-    "react-query-devtools": "^1.1.5",
+    "react-query-devtools": "^1.1.16",
     "react-router": "^6.0.0-alpha.5",
     "react-router-dom": "^6.0.0-alpha.5",
     "react-scripts": "^3.4.1",
@@ -48,7 +48,7 @@
     "is-ci-cli": "^2.0.0",
     "jest": "^26.0.1",
     "jest-watch-typeahead": "^0.6.0",
-    "netlify-plugin-cypress": "^1.3.10",
+    "netlify-plugin-cypress": "^1.3.11",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.5",
     "react-test-renderer": "^16.13.1",

public/mockServiceWorker.js

@@ -1,6 +1,6 @@
 /**
  * Mock Service Worker.
- * @see https://github.com/open-draft/msw
+ * @see https://github.com/mswjs/msw
  * - Please do NOT modify this file.
  * - Please do NOT serve this file on production.
  */

src/__tests__/book-screen.js

@@ -12,7 +12,9 @@ import faker from 'faker'
 import {buildBook, buildListItem} from 'test/generate'
 import * as booksDB from 'test/data/books'
 import * as listItemsDB from 'test/data/list-items'
+import {server, rest} from 'test/server'
 import {formatDate} from 'utils/misc'
+import {apiURL} from 'utils/api-client'
 import {App} from 'app'
 
 async function renderBookScreen({user, book, listItem} = {}) {
@@ -162,10 +164,14 @@ describe('console errors', () => {
     const notesTextarea = screen.getByLabelText(/notes/i)
 
     const testErrorMessage = '__test_error_message__'
-    window.fetch.mockRejectedValue({
-      status: 500,
-      message: testErrorMessage,
-    })
+    server.use(
+      rest.put(`${apiURL}/list-items/:listItemId`, async (req, res, ctx) => {
+        return res(
+          ctx.status(400),
+          ctx.json({status: 400, message: testErrorMessage}),
+        )
+      }),
+    )
 
     // using fake timers to skip debounce time
     jest.useFakeTimers()