Hello.
I am wanting to make a generic button in which I pass certain properties as a parameter. one of those properties is the function that must be executed at the time of clicking event
function Boton(props: { name: React.ReactNode , funcion: React.ReactNode }) {
return (<div className="center-div"><IonButton shape="round" onClick={props.funcion}> {props.name}</IonButton></div>);
}
I get:
(JSX attribute) onClick?: ((event: React.MouseEvent<HTMLIonButtonElement, MouseEvent>) => void) | undefined
Type ‘ReactNode’ is not assignable to type ‘((event: MouseEvent<HTMLIonButtonElement, MouseEvent>) => void) | undefined’.
Type ‘null’ is not assignable to type ‘((event: MouseEvent<HTMLIonButtonElement, MouseEvent>) => void) | undefined’.ts(2322)
index.d.ts(1455, 9): The expected type comes from property ‘onClick’ which is declared here on type 'IntrinsicAttributes & Pick<IonButton, “color” | “strong” | “disabled” | “size” | “fill” | “mode”
But I do not want a Mouse event because it is going to be a mobile app.