Check out example codes for "typescript onclick event type props". It will help you in understanding the concepts better.

Code Example 1

onClick={(event: React.MouseEvent<HTMLElement>) => {
 makeMove(ownMark, (event.target as any).index)
}}

Code Example 2

interface IProps_Square {
  message: string;
  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
}

Learn ReactJs, React Native from akashmittal.com