diff --git a/src/hooks/useInput.ts b/src/hooks/useInput.ts index 50f7d1d..61d5006 100644 --- a/src/hooks/useInput.ts +++ b/src/hooks/useInput.ts @@ -1,5 +1,5 @@ import { useRouter } from 'next/navigation'; -import { ChangeEvent, useCallback, useState } from 'react'; +import { ChangeEvent, useCallback, useEffect, useState } from 'react'; const useInput = (initialValue: string) => { const router = useRouter(); @@ -25,6 +25,11 @@ const useInput = (initialValue: string) => { } }; + // SearchInput과 HeaderSearchInput 동기화 + useEffect(() => { + setValue(initialValue); + }, [initialValue]); + return { value, isFocused, handleChange, handleFocus, handleBlur, handleKeydown }; };