먼저 인라인 핸들러 방식으로 코드를 작성합니다.

<button onClick={(e) => e}>click</button>

그리고 e에 마우스를 올리면 추론된 타입을 표시합니다. 그리고 e에 마우스를 올리면 자동으로 이벤트 객체의 타입을 추론해 보여줍니다.

그림 3-18 이벤트 객체의 타입 추론

이렇게 확인한 타입을 함수 참조 방식으로 전환할 때 그대로 사용하면 됩니다.

const clickHandler = (e: React.MouseEvent<HTMLButtonElement>) => { ... };