[TypeScript] The left-hand side of an assignment expression may not be an optional property access 오류 원인 및 해결 방법

Intro

안녕하세요. TypeScript 타입스크립트에서 ref를 사용하여 scrollTop 위치를 변경하던 도중 아래와 같은 에러가 발생하였습니다

 

someRef?.current?.scrollTop = 0;

 

TS2779: The left-hand side of an assignment expression may not be an optional property access

 

 

Why?

스펙 상에서 옵셔널 체이닝과 할당을 같이 사용할 수 없다고 합니다. 

The following is not supported, although it has some use cases; see Issue #18 for discussion:

optional property assignment: a?.b = c

 

How to solve the problem

코드를 다음과 같이 수정한 결과, 더 이상 해당 에러가 발생하지 않았습니다. 

 if (someRef?.current?.scrollTop) {
    someRef.current.scrollTop = 0;
}

 

이 외에도 아래와 같이 수정하실 수도 있습니다. 

 if (someRef.current.scrollTop != null) {
    someRef.current.scrollTop = 0;
}

---

https://github.com/tc39/proposal-optional-chaining#not-supported