[🚨️ERROR🚨️] Uncaught TypeError: Cannot read properties of undefined (reading ~)

 ⚠️ Uncaught TypeError: Cannot read properties of undefined (reading ~)

값이 정의되지 않아 읽을 수 없을때 발생하는 에러.

 

원인

페이지가 최초 렌더링 되었을 때, state는 undefined이고 state는 비동기로 작동한다. 그렇기에 렌더링 전 시점에서는 아무것도 읽히지 않는 상태에서 동작하기 때문에 undefined라는 결과값이 반환될 것이고, 그 값을 허용할 수 없는 코드가 있기에 생기는 에러이다.

 

해결

State에게 들어올 값의 타입을 미리 알려주면 undefined를 출력하지 않는다.