fix: debounce search query

Author: pan93412

app/(app)/challenges/content.tsx

@@ -2,6 +2,7 @@
 
 import { useState } from "react";
 import type { TagState } from "./_filter/tag";
+import { useDebouncedValue } from 'foxact/use-debounced-value';
 
 import { QuestionDifficulty, type QuestionWhereInput } from "@/gql/graphql";
 import FilterSection from "./_filter";
@@ -42,8 +43,20 @@ export default function ChallengePageContent() {
     ],
   });
 
+  const deferredSearch = useDebouncedValue(search, 200);
+
   const where: QuestionWhereInput = {
-    titleContainsFold: search,
+    or: [
+      {
+        titleContainsFold: deferredSearch,
+      },
+      {
+        descriptionContainsFold: deferredSearch,
+      },
+      {
+        categoryContainsFold: deferredSearch,
+      },
+    ],
     difficultyIn: tags.difficulty,
   };
 

package.json

@@ -38,6 +38,7 @@
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "foxact": "^0.2.49",
     "graphql": "^16.11.0",
     "lucide-react": "^0.544.0",
     "next": "15.6.0-canary.6",