Fix type issues related to PathParams inside handlers.ts

Author: aryaemami59

packages/toolkit/src/query/tests/mocks/handlers.ts

@@ -2,13 +2,13 @@ import { headersToObject } from 'headers-polyfill'
 import { HttpResponse, http } from 'msw'
 
 export type Post = {
-  id: string
+  id: number
   title: string
   body: string
 }
 
 export const posts: Record<string, Post> = {
-  '1': { id: '1', title: 'hello', body: 'extra body!' },
+  1: { id: 1, title: 'hello', body: 'extra body!' },
 }
 
 export const handlers = [
@@ -25,6 +25,7 @@ export const handlers = [
       })
     }
   ),
+
   http.post(
     'https://example.com/echo',
     async ({ request, cookies, params, requestId }) => {
@@ -50,19 +51,25 @@ export const handlers = [
       })
     }
   ),
+
   http.get('https://example.com/success', () =>
     HttpResponse.json({ value: 'success' })
   ),
+
   http.post('https://example.com/success', () =>
     HttpResponse.json({ value: 'success' })
   ),
+
   http.get('https://example.com/empty', () => new HttpResponse('')),
+
   http.get('https://example.com/error', () =>
     HttpResponse.json({ value: 'error' }, { status: 500 })
   ),
+
   http.post('https://example.com/error', () =>
     HttpResponse.json({ value: 'error' }, { status: 500 })
   ),
+
   http.get('https://example.com/nonstandard-error', () =>
     HttpResponse.json(
       {
@@ -72,18 +79,22 @@ export const handlers = [
       { status: 200 }
     )
   ),
+
   http.get('https://example.com/mirror', ({ params }) =>
     HttpResponse.json(params)
   ),
+
   http.post('https://example.com/mirror', ({ params }) =>
     HttpResponse.json(params)
   ),
+
   http.get('https://example.com/posts/random', () => {
     // just simulate an api that returned a random ID
     const { id } = posts[1]
     return HttpResponse.json({ id })
   }),
-  http.get<Post, any, Pick<Post, 'id'>>(
+
+  http.get<{ id: string }, any, Pick<Post, 'id'>>(
     'https://example.com/post/:id',
     ({ params }) => HttpResponse.json(posts[params.id])
   ),