에러
scrollRef.current?.scrollLeft = 10;
수정
if (scrollRef.current?.scrollLeft !== undefined)
scrollRef.current.scrollLeft = 123;
영어로 되어있어 잘 이해할 수는 없지만 기본적으로 에러코드에서 ?. 구문은 선택적 속성이 된다
에러코드에서 undefined일 수도 있고 number일 수도 있다는 얘기다
나는 undefined란 당연히 있을 수 없기 때문에 할당이 가능할 것이라는 생각을 하고 있었는데 TS에서는 undefined가 들어올 수 있다는 여지가 있다고 작성되었고 그것을 검사했기 때문에 안될 수도 있다는 에러를 띄운 것이었다.
따라서 undefined를 따로 조건으로 없애 number의 경우만 남긴 뒤 거기에 할당했다
?. 구문은 typescript가 자동완성 처리해버려서 ?를 제거할 수 없었고 그냥 if문으로 처리했다