[에러] Uncaught TypeError: Cannot read properties of undefined (reading '0')

Uncaught TypeError: Cannot read properties of undefined (reading '0')

값이 없을 때 유효성 처리를 하려고 할 때 발생했던 에러
undefined 의 프로퍼티를 읽을 수 없다는 뜻이다.

나같은 경우는 데이터의 length가 0인지 아닌지 판단해 유효성 처리를 해주었다.

{groupDetailData?.ranking?.length !== 0 ? (~~) : ()}

이런 식으로?
근데 데이터가 다 불러오기 전에는 groupDetailData.ranking의 length를 구하려고 하면 Undefined가 뜬다.
그래서 undefined가 뜰 경우도 추가해줘야 한다.

{groupDetailData?.ranking?.length !== 0 &&
groupDetailData?.ranking?.length !== undefined ? () : ()}

이런식으로 코드를 바꾸면 에러가 일어나지 않는다.