image


상황

image

  • input을 useRef를 사용해서 조작하려고 했는데, useRef.current.click() 코드에서 never 형식에 click 속성이 없습니다.라는 에러를 만나게 됐습니다.


원인

useRef를 타입스크립트에서 사용할 때 제너릭을 명시하지 않고 빈 값을 넣으면 never 타입이 됩니다.

never 타입은 어떠한 값도 가질 수 없으며 any 타입과 다릅니다. 일반적으로 함수의 리턴 타입으로 사용되는데 이 경우, 항상 오류를 출력하거나 리턴 값을 절대로 내보내지 않습니다.


해결

useRef가 사용되는 곳의 타입을 제너릭에 명시해 줘야 합니다.

image




참고

💻 React에서 TypeScript 적용하기 & 오류 해결하기

댓글남기기