fix(examples/react): narrow 'req.query' values in the Next API routes

examples/react/auto-refetching/src/pages/api/data.ts

@@ -7,11 +7,13 @@ export default async (
   req: NextApiRequest,
   res: NextApiResponse<typeof list>,
 ) => {
-  if (req.query.add) {
-    if (!list.includes(req.query.add)) {
-      list.push(req.query.add)
+  const { add, clear } = req.query
+
+  if (typeof add === 'string' && add) {
+    if (!list.includes(add)) {
+      list.push(add)
     }
-  } else if (req.query.clear) {
+  } else if (clear) {
     list = []
   }
 

examples/react/infinite-query-with-max-pages/src/pages/api/projects.ts

@@ -1,7 +1,8 @@
 import type { NextApiRequest, NextApiResponse } from 'next'
 
 export default (req: NextApiRequest, res: NextApiResponse) => {
-  const cursor = parseInt(req.query.cursor) || 0
+  const cursor =
+    typeof req.query.cursor === 'string' ? parseInt(req.query.cursor) || 0 : 0
   const pageSize = 4
 
   const data = Array(pageSize)

examples/react/load-more-infinite-scroll/src/pages/api/projects.ts

@@ -1,7 +1,8 @@
 import type { NextApiRequest, NextApiResponse } from 'next'
 
 export default (req: NextApiRequest, res: NextApiResponse) => {
-  const cursor = parseInt(req.query.cursor) || 0
+  const cursor =
+    typeof req.query.cursor === 'string' ? parseInt(req.query.cursor) || 0 : 0
   const pageSize = 5
 
   const data = Array(pageSize)

examples/react/pagination/src/pages/api/projects.ts

@@ -1,7 +1,8 @@
 import type { NextApiRequest, NextApiResponse } from 'next'
 
 export default async (req: NextApiRequest, res: NextApiResponse) => {
-  const page = parseInt(req.query.page) || 0
+  const page =
+    typeof req.query.page === 'string' ? parseInt(req.query.page) || 0 : 0
 
   const pageSize = 10