TYPED HOOKS

Hook마다 타입이 지키는 책임이 다르다

상태 값, 부수 효과, 공유 컨텍스트, DOM 참조, 재사용 로직을 각각 어떤 타입으로 고정할지 판단합니다.

useState초기값만으로 부족하면 User | null처럼 상태 범위를 명시합니다.

useEffect비동기 로딩, 에러, 정리 함수의 흐름을 타입과 함께 분리합니다.

useContextProvider 밖 사용 가능성을 고려해 null 처리 전략을 정합니다.

useRefDOM 참조는 HTMLInputElement | null처럼 구체화합니다.

Custom Hook반환값 타입을 안정화해 컴포넌트 사용성을 높입니다.

const [user, setUser] = useState<User | null>(null);