From 5cbe84a9ab2830dce8f5f18b862e576bf889773f Mon Sep 17 00:00:00 2001
From: Bennett Dams <bennett.dams@werum.com>
Date: Wed, 20 Oct 2021 19:49:32 +0200
Subject: [PATCH] Install and utilize whatwg-fetch for Polyfill

---
 README.md         | 3 +++
 jest.setup.js     | 4 +++-
 package-lock.json | 6 ++++++
 package.json      | 3 ++-
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index d64ee5e..07f4e76 100644
--- a/README.md
+++ b/README.md
@@ -16,3 +16,6 @@
 `npm install msw --save-dev`
 
 3. Integrate MSW with Jest
+
+3. Install and utilize `whatwg-fetch` - needed for Polyfill with Next.js
+`npm install -D whatwg-fetch` 
\ No newline at end of file
diff --git a/jest.setup.js b/jest.setup.js
index f4b21c2..6dd4686 100644
--- a/jest.setup.js
+++ b/jest.setup.js
@@ -5,4 +5,6 @@ beforeAll(() => server.listen())
 // so they don't affect other tests.
 afterEach(() => server.resetHandlers())
 // Clean up after the tests are finished.
-afterAll(() => server.close())
\ No newline at end of file
+afterAll(() => server.close())
+
+import "whatwg-fetch"
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 493cc7c..3dd51b0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8405,6 +8405,12 @@
         }
       }
     },
+    "whatwg-fetch": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz",
+      "integrity": "sha512-bJlen0FcuU/0EMLrdbJ7zOnW6ITZLrZMIarMUVmdKtsGvZna8vxKYaexICWPfZ8qwf9fzNq+UEIZrnSaApt6RA==",
+      "dev": true
+    },
     "whatwg-mimetype": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz",
diff --git a/package.json b/package.json
index 51b38c5..cc22b7d 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "jest": "^27.3.1",
     "msw": "^0.35.0",
     "react-test-renderer": "^17.0.2",
-    "typescript": "4.4.4"
+    "typescript": "4.4.4",
+    "whatwg-fetch": "^3.6.2"
   }
 }