오류기록) Cannot read properties of null

오류

Uncaught TypeError: Cannot read properties of null (reading 'displayName')

null값의 'displayName' property를 읽을 수 없다고 한다.
'displayName'은 로그인한 유저의 정보가 들어 있는 'userObj'의 property이다.

로그인 정보가 없을 때 userObj는 null이다.

아래 코드는 로그인 여부와 상관 없이 페이지가 렌더링될 때 뿌려진다.

코드A

<Link to="/profile">{userObj.displayName}의 프로필</Link>

해결1. userObj를 null이 아닌 ""로 초기화하기

setUserObj("")

해결2. 코드A에 조건 걸기
조건연산자를 사용하자

{userObj && `${userObj.displayName}의 프로필`}

따란!