에러
setStartX(e.pageX + scrollRef.current?.scrollLeft);
해결
if (scrollRef.current?.scrollLeft !== undefined)
setStartX(e.pageX + scrollRef.current?.scrollLeft);
undefined면 + 안되는데? 하고 에러를 띄운 것이다. 기본적인 javascript에서는 저 값이 undefined가 나올 수 없지만 typescript 문법 특성상 저렇게 ?. 자동완성되어 추가 된다. ?.가 추가되는 이유는 strong type이라 문법적으로 ref가 사라지며 undefined 상태가 될 수 있으니 저렇게 출력되는거 같다 내가 맞추는 것이 가장 베스트 아닐까? 생각한다
조건을추가해 undefined가 아닌 경우를 넣었지만 typescript tsconfig.json 을 수정하는 방법도 있는거 같다