fix: update deps

package.json

@@ -27,16 +27,16 @@
   },
   "dependencies": {
     "@apollo/client": "3.4.11",
-    "@artsy/fresnel": "1.5.0",
+    "@artsy/fresnel": "1.9.0",
     "@auth0/nextjs-auth0": "1.5.0",
     "@emotion/babel-plugin": "11.3.0",
     "@emotion/is-prop-valid": "0.8.8",
-    "@emotion/react": "11.4.0",
+    "@emotion/react": "11.4.1",
     "@emotion/styled": "11.3.0",
-    "@fortawesome/fontawesome-svg-core": "1.2.35",
-    "@fortawesome/free-brands-svg-icons": "5.15.3",
-    "@fortawesome/free-regular-svg-icons": "5.15.3",
-    "@fortawesome/free-solid-svg-icons": "5.15.3",
+    "@fortawesome/fontawesome-svg-core": "1.2.36",
+    "@fortawesome/free-brands-svg-icons": "5.15.4",
+    "@fortawesome/free-regular-svg-icons": "5.15.4",
+    "@fortawesome/free-solid-svg-icons": "5.15.4",
     "@fortawesome/react-fontawesome": "0.1.14",
     "@graphql-tools/schema": "8.2.0",
     "@graphql-tools/utils": "8.2.2",
@@ -48,8 +48,8 @@
     "apollo-server-micro": "3.3.0",
     "chart.js": "2.9.4",
     "d3-scale": "3.3.0",
-    "date-fns": "2.22.1",
-    "downshift": "6.1.3",
+    "date-fns": "2.23.0",
+    "downshift": "6.1.7",
     "focus-visible": "5.2.0",
     "framer-motion": "2.9.5",
     "graphql": "15.5.3",
@@ -90,14 +90,14 @@
     "@lola-tech/graphql-kimera": "1.0.1",
     "@mapbox/geojson-area": "0.2.2",
     "@mapbox/geojson-rewind": "0.5.1",
-    "@shelf/jest-mongodb": "1.3.4",
-    "@types/jest": "26.0.24",
-    "@types/node": "16.7.10",
+    "@shelf/jest-mongodb": "2.0.3",
+    "@types/jest": "27.0.1",
+    "@types/node": "16.9.1",
     "@types/puppeteer": "5.4.4",
     "@types/react": "17.0.20",
     "@types/react-dom": "17.0.9",
-    "@types/react-leaflet": "2.8.1",
-    "@types/styled-system": "5.1.11",
+    "@types/react-leaflet": "2.8.2",
+    "@types/styled-system": "5.1.13",
     "apollo-server-testing": "2.25.2",
     "cli-progress": "3.9.0",
     "dotenv": "10.0.0",
@@ -106,15 +106,15 @@
     "geojson-precision": "1.0.0",
     "graphql-codegen-apollo-next-ssr": "1.7.0",
     "husky": "7.0.2",
-    "jest-puppeteer": "5.0.3",
+    "jest-puppeteer": "5.0.4",
     "lint-staged": "11.1.2",
     "migrate-mongo": "8.2.3",
-    "msw": "0.33.0",
-    "prettier": "2.3.2",
-    "puppeteer": "10.1.0",
+    "msw": "0.35.0",
+    "prettier": "2.4.0",
+    "puppeteer": "10.2.0",
     "topojson-server": "3.0.1",
     "topojson-simplify": "3.0.3",
-    "typescript": "4.4.2",
+    "typescript": "4.4.3",
     "uuid": "8.3.2"
   },
   "msw": {

public/mockServiceWorker.js

@@ -2,13 +2,13 @@
 /* tslint:disable */
 
 /**
- * Mock Service Worker (0.33.0).
+ * Mock Service Worker (0.35.0).
  * @see https://github.com/mswjs/msw
  * - Please do NOT modify this file.
  * - Please do NOT serve this file on production.
  */
 
-const INTEGRITY_CHECKSUM = '82ef9b96d8393b6da34527d1d6e19187'
+const INTEGRITY_CHECKSUM = 'f0a916b13c8acc2b526a03a6d26df85f'
 const bypassHeaderName = 'x-msw-bypass'
 const activeClientIds = new Set()
 
@@ -221,13 +221,11 @@ async function getResponse(event, client, requestId) {
 
       console.error(
         `\
-[MSW] Request handler function for "%s %s" has thrown the following exception:
+[MSW] Uncaught exception in the request handler for "%s %s":
 
-${parsedBody.errorType}: ${parsedBody.message}
-(see more detailed error stack trace in the mocked response body)
+${parsedBody.location}
 
-This exception has been gracefully handled as a 500 response, however, it's strongly recommended to resolve this error.
-If you wish to mock an error response, please refer to this guide: https://mswjs.io/docs/recipes/mocking-error-responses\
+This exception has been gracefully handled as a 500 response, however, it's strongly recommended to resolve this error, as it indicates a mistake in your code. If you wish to mock an error response, please see this guide: https://mswjs.io/docs/recipes/mocking-error-responses\
 `,
         request.method,
         request.url,
@@ -242,6 +240,12 @@ If you wish to mock an error response, please refer to this guide: https://mswjs
 
 self.addEventListener('fetch', function (event) {
   const { request } = event
+  const accept = request.headers.get('accept') || ''
+
+  // Bypass server-sent events.
+  if (accept.includes('text/event-stream')) {
+    return
+  }
 
   // Bypass navigation requests.
   if (request.mode === 'navigate') {
@@ -265,11 +269,22 @@ self.addEventListener('fetch', function (event) {
 
   return event.respondWith(
     handleRequest(event, requestId).catch((error) => {
+      if (error.name === 'NetworkError') {
+        console.warn(
+          '[MSW] Successfully emulated a network error for the "%s %s" request.',
+          request.method,
+          request.url,
+        )
+        return
+      }
+
+      // At this point, any exception indicates an issue with the original request/response.
       console.error(
-        '[MSW] Failed to mock a "%s" request to "%s": %s',
+        `\
+[MSW] Caught an exception from the "%s %s" request (%s). This is probably not a problem with Mock Service Worker. There is likely an additional logging output above.`,
         request.method,
         request.url,
-        error,
+        `${error.name}: ${error.message}`,
       )
     }),
   )

src/config.ts

@@ -34,7 +34,7 @@ const messages = {
   removed: 'Thank you, toilet removed!',
 };
 
-const title = 'The Great British Toilet Map';
+const title = 'Toilet Map';
 
 export default {
   viewport: {