Cannot read properties of undefined 해결 방법

Uncatught TypeError : Cannot read properties of undefined...

타입스크립트를 사용해 코딩을 하던 도중, 위의 에러를 만났다. 리액트에서 쉽게 볼 수 있는 가장 흔한 에러라고 한다. state가 비동기적 특성을 가지고 있기 때문에 렌더링이 되기 전에 동작되면서 발생한 것이다.

🌠 에러 해결

useState의 기본 값을 입력하자!

타입스크립트로 작성하고 있기에 타입은 지정했지만 () 괄호 안이 비어있듯이 기본 값을 주지 않았던 것이다.

그래서 기본 값을 줌으로써 undefined를 방지하도록 한다!

다시 실행해보면 빨간 에러가 뜨지 않고 기본 값으로 세팅한 []이 나오는 것을 알 수 있다.

https://rollbar.com/blog/top-10-javascript-errors-from-1000-projects-and-how-to-avoid-them/
https://velog.io/@nemo/react-error-cannot-read-property