MouseEventHandler.tsx

import { MouseEventHandler, PropsWithChildren } from "react";

type ComponentProps = {
  title: string;
  caption: string;
  onClick: MouseEventHandler<HTMLButtonElement>;
};

const Component = (props: ComponentProps) => (
  <div>
    <h2>{props.title}</h2>
    <button onClick={props.onClick}>{props.caption}</button>
  </div>
);