TS 작은 팁: useRef와 타입스크립트

스터디 중 알게 된 작은 팁 기록

• useRef로 DOM 타입을 설정할 때 초기값을 null로 지정
  • useRef의 타입이 RefObject가 됨 (= 읽기 전용(readonly))
  • 읽기 전용 값은 .current로 직접 수정 불가 => .current를 붙이면 타입스크립트 에러 발생

• 그러나 null 대신에 (undefined를 포함한) 다른 타입으로 초기화 시
  • MutableRefObject가 됨 => .current로 자유롭게 변경 가능