Tengo este componente de botón:

 <button className={internalClassName} onClick={onClick ?? undefined} disabled={disabled} title={title} style={style} type={type} {...event} > {icon && <Icon icon={icon} size={iconSize} color={iconColor} />} { text } { children } </button>

donde esta el tipo

 type ButtonTypes = 'button' | 'submit' | 'reset' | undefined;

El problema es que el compilador mecanografiado se queja del tipo de prop con:

Escriba 'cadena | undefined' no se puede asignar al tipo '"submit" | "restablecer" | "botón" | indefinido'. El tipo 'cadena' no se puede asignar al tipo '"enviar" | "restablecer" | "botón" | indefinido'.

Por qué dice que es una cadena | indefinido cuando lo declaré como 'enviar' | 'restablecer' | 'botón' | ¿indefinido?