[Typescript] Property dost not exist on type 'never' 해결법

타입스크립트로 코딩을 하다보면 심심치 않게 볼 수 있는 경고가 [error] Property does not exist on type 'something' 이다.  어떤 블로그 글에서 이를 그저 any를 이용하여 해결하던데 이는 좋은 방법이 아닌 것 같다. 

 

위는 초기 렌더링 시에 내 개인프로젝트인 leafylog의 heatmap 부분의 스크롤을 하단고정하기 위하여 넣은 코드이다. 

 

타입스크립트에서는 위와같이 추가하였을 때 에디터에 경고가 뜬다. Propery does not exist on type never이다. never는 아무것도 지정해주지 않았을 때를 의미한다.

 

본 에러의 해결코드인데 <HTMLDivElement>를 쓰지 않는다면 never가 된다. 

 

타입을 제대로 지정해주지 않는다면 계속해서 경고가 나올 것이기에 타입지정을 잘 해줘야 하는데 위같이 HTMLDivElement란 것을 모를 수 있다. 그러면 어떻게 해야할까?

 

1. 검색해본다.

 

검색해도 해결이 안 되는 경우가 있다.

 

이때는 

 

2. chat gpt에게 물어본다.

 

타입같은 경우는 gpt가 잘 알려주는 것 같다.

 

주변에 물어볼 사람이 없다면 위의 2가지 방식을 고려해보자. 단지 빨간줄이 보기 싫다고 any를 이용하여 채우기만 한다면 자바스크립트로 코딩하는 것과 다를 것이 없다.