[Refactor] 멤버 관리 페이지 Search Input 디바운스 로직 제거 (#206)

Refactor: 디바운스 로직 제거

Author: miraclee1226

apps/web/app/(admin)/members/_components/search/SearchInput.tsx

@@ -1,30 +1,18 @@
-import { type ChangeEvent } from "react";
-import { type UseFormSetValue, type UseFormRegister } from "react-hook-form";
+import { type UseFormRegister } from "react-hook-form";
 import { SearchIcon, CancelIcon } from "@ui/public";
-import { useDebouncedCallback } from "@/app/_hooks/useDebounceCallback";
 
 interface KeywordsFormData {
   keyword: string;
   searchHistory: string[];
 }
 interface SearchInputProps {
   register: UseFormRegister<KeywordsFormData>;
-  setValue: UseFormSetValue<KeywordsFormData>;
   keyword: string;
   onFocus: () => void;
   onClear: () => void;
 }
 
-export default function SearchInput({ register, setValue, keyword, onFocus, onClear }: SearchInputProps): JSX.Element {
-  const debouncedSetValue = useDebouncedCallback((value: string) => {
-    setValue("keyword", value);
-  }, 300);
-
-  const handleInputChange = (e: ChangeEvent<HTMLInputElement>): void => {
-    const value = e.target.value;
-    debouncedSetValue(value);
-  };
-
+export default function SearchInput({ register, keyword, onFocus, onClear }: SearchInputProps): JSX.Element {
   return (
     <>
       <label htmlFor="keyword">
@@ -34,9 +22,7 @@ export default function SearchInput({ register, setValue, keyword, onFocus, onCl
         id="keyword"
         className="h-18 w-full bg-transparent focus:outline-none"
         onFocus={onFocus}
-        {...register("keyword", {
-          onChange: handleInputChange,
-        })}
+        {...register("keyword")}
       />
       {keyword ? (
         <button type="button" onClick={onClear} className="flex items-center justify-center">

apps/web/app/(admin)/members/_components/search/index.tsx

@@ -85,13 +85,7 @@ export default function SearchForm({ onSearch, keyword }: SearchFormProps): JSX.
         onSubmit={(...args) => void handleSubmit(onSubmit)(...args)}
         className="rounded-100 border-1 focus-within:border-custom-black/20 group flex h-full w-full items-center gap-14 border-gray-100/30 bg-gray-100/30 px-20 transition-all duration-200 focus-within:bg-white hover:bg-gray-100/45 focus-within:hover:bg-white"
       >
-        <SearchInput
-          register={register}
-          setValue={setValue}
-          keyword={keyword}
-          onFocus={handleOpenHistory}
-          onClear={handleClearInput}
-        />
+        <SearchInput register={register} keyword={keyword} onFocus={handleOpenHistory} onClear={handleClearInput} />
       </form>
 
       {isHistoryOpen ? (