update msw to fix the error body type issue

Author: kettanaito

exercises/03.best-practices/03.solution.network-mocking/package.json

@@ -16,7 +16,7 @@
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^3.0.5",
-    "msw": "^2.7.0",
+    "msw": "^2.7.2",
     "playwright": "^1.49.1",
     "tailwindcss": "^4.0.7",
     "vite": "^6.0.7",

exercises/03.best-practices/03.solution.network-mocking/src/discount-code-form.browser.test.tsx

@@ -58,9 +58,12 @@ test('displays an error when fetching the discount fails', async ({
 	worker,
 }) => {
 	worker.use(
-		http.post('https://api.example.com/discount/code', () => {
-			return new HttpResponse(null, { status: 500 })
-		}),
+		http.post<never, string, Discount>(
+			'https://api.example.com/discount/code',
+			() => {
+				return new HttpResponse(null, { status: 500 })
+			},
+		),
 	)
 
 	render(<DiscountCodeForm />)

exercises/03.best-practices/04.problem.element-presence/package.json

@@ -16,7 +16,7 @@
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^3.0.5",
-    "msw": "^2.7.0",
+    "msw": "^2.7.2",
     "playwright": "^1.49.1",
     "tailwindcss": "^4.0.7",
     "vite": "^6.0.7",

exercises/03.best-practices/04.problem.element-presence/src/discount-code-form.browser.test.tsx

@@ -58,9 +58,12 @@ test('displays an error when fetching the discount fails', async ({
 	worker,
 }) => {
 	worker.use(
-		http.post('https://api.example.com/discount/code', () => {
-			return new HttpResponse(null, { status: 500 })
-		}),
+		http.post<never, string, Discount>(
+			'https://api.example.com/discount/code',
+			() => {
+				return new HttpResponse(null, { status: 500 })
+			},
+		),
 	)
 
 	render(<DiscountCodeForm />)

exercises/03.best-practices/04.solution.element-presence/package.json

@@ -16,7 +16,7 @@
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^3.0.5",
-    "msw": "^2.7.0",
+    "msw": "^2.7.2",
     "playwright": "^1.49.1",
     "tailwindcss": "^4.0.7",
     "vite": "^6.0.7",

exercises/03.best-practices/04.solution.element-presence/src/discount-code-form.browser.test.tsx

@@ -58,9 +58,12 @@ test('displays an error when fetching the discount fails', async ({
 	worker,
 }) => {
 	worker.use(
-		http.post('https://api.example.com/discount/code', () => {
-			return new HttpResponse(null, { status: 500 })
-		}),
+		http.post<never, string, Discount>(
+			'https://api.example.com/discount/code',
+			() => {
+				return new HttpResponse(null, { status: 500 })
+			},
+		),
 	)
 
 	render(<DiscountCodeForm />)

exercises/03.best-practices/05.problem.page-navigation/package.json

@@ -16,7 +16,7 @@
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^3.0.5",
-    "msw": "^2.7.0",
+    "msw": "^2.7.2",
     "playwright": "^1.49.1",
     "tailwindcss": "^4.0.7",
     "vite": "^6.0.7",

exercises/03.best-practices/05.problem.page-navigation/src/discount-code-form.browser.test.tsx

@@ -68,9 +68,12 @@ test('displays an error when fetching the discount fails', async ({
 	worker,
 }) => {
 	worker.use(
-		http.post('https://api.example.com/discount/code', () => {
-			return new HttpResponse(null, { status: 500 })
-		}),
+		http.post<never, string, Discount>(
+			'https://api.example.com/discount/code',
+			() => {
+				return new HttpResponse(null, { status: 500 })
+			},
+		),
 	)
 
 	// 🐨 Provide the `wrapper` for this render.

exercises/03.best-practices/05.solution.page-navigation/package.json

@@ -16,7 +16,7 @@
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^3.0.5",
-    "msw": "^2.7.0",
+    "msw": "^2.7.2",
     "playwright": "^1.49.1",
     "react-router": "^7.1.3",
     "tailwindcss": "^4.0.7",

exercises/03.best-practices/05.solution.page-navigation/src/discount-code-form.browser.test.tsx

@@ -65,9 +65,12 @@ test('displays an error when fetching the discount fails', async ({
 	worker,
 }) => {
 	worker.use(
-		http.post('https://api.example.com/discount/code', () => {
-			return new HttpResponse(null, { status: 500 })
-		}),
+		http.post<never, string, Discount>(
+			'https://api.example.com/discount/code',
+			() => {
+				return new HttpResponse(null, { status: 500 })
+			},
+		),
 	)
 
 	render(<DiscountCodeForm />, { wrapper })