Помогите пожалуйста, как сделать опциональный onClick на компоненте? гуглю уже

Question

Помогите пожалуйста, как сделать опциональный onClick на компоненте? гуглю уже

час
interface ButtonProps {
children: string;
$contained?: any;
onClick?: React.MouseEventHandler;
type?: "button" | "submit" | "reset" | undefined;
}

const Button: FC<ButtonProps> = ({ children, $contained, onClick, type }) => {
return (
<StyledButton onClick={() => onClick()} $contained={$contained} type={type}>
{children}
</StyledButton>
);
};