[TypeScript] - Can't set button type attribute

TS2322: Type '{ children: Element; type: string; disabled: boolean; color: "primary" | "light"; loading: boolean; onClick: () => Promise<void>; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<any>'.   Property 'type' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<any>'.

[leandroaphermes]

I’m using it like this

export type ButtonProps = {
  icon?: React.ReactElement;
  loading?: boolean;
  htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
} & Omit<React.HTMLAttributes<HTMLButtonElement>, "type" | "color">;

[clehene]

Not a bug. This should be passed as submit attribute. I seem to hit this repeatedly. Couldn’t Button instead inherit ButtonHTMLAttributes

 interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
        autoFocus?: boolean;
        disabled?: boolean;
        form?: string;
        formAction?: string;
        formEncType?: string;
        formMethod?: string;
        formNoValidate?: boolean;
        formTarget?: string;
        name?: string;
        type?: 'submit' | 'reset' | 'button';
        value?: string | string[] | number;
    }