useInput을 typescript에서 사용하고 싶은데

강사님께 useInput 커스텀훅을 배웠는데, 굉장히 사용감이 좋아서 다른 react파일에서도 자주 사용하고 있었는데요

제가 이걸 typescript 프로젝트에서도 사용하고 싶은데, 제가 아직 typescript를 공부중이라 지식이 조금 부족해서요 ㅠ 혹시 도와주실수 있을까 싶어 질문드려 봅니다 ..

 const useInput = (initialValue: string | number) => {
  const [value, setValue] = useState(initialValue);
  const handler = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
    setValue(e.target.value);
  }, []);
  return [value, handler, setValue]; 

이렇게 작성하고 input을

<input
  name="user-email"
  type="email"
  value={email}
  required
  onChange={onChangeEmail}
 />

이렇게 작성하였는데 , value와 onChange 각각에서

이런 오류가 발생하는데, 구글링을 해보아도 잘 못찾겠어서,,ㅠ

혹시 어떤식으로 type 코드를 수정해야할지 도움을 주실수 있을까요 ?

return [value, handler, setValue] as const; 하시면됩니다