이벤트 핸들러 타이핑 구체화

[giwan-dev]

(event?: SyntheticEvent) => void

TF에서 클릭 이벤트 핸들러를 다루다보면 많이 발견하는 타이핑입니다. 기본 HTML 태그나, styled-components로 생성한 컴포넌트의 onClick 이벤트의 타입은 (event: MouseEvent) => void입니다. event가 언제나 존재하기 때문에 event가 optional할 필요가 없는데요. 이런 타이핑을 사용하게 된 배경이 있을까요?

특별한 이유가 없다면, event를 사용하지 않는 부분은 () => void로 타이핑하고, 이벤트를 사용하는 부분은 MouseEventHandler로 타이핑하면 좋겠습니다.