[Button] Issue - loading prop rejected by TypeScript

[wavinginspace]

Basically the title. I am trying to utilize the loading prop on the Button component from @radix-ui/themes and TypeScript won't let me.

Type '{ children: string; className: string; disabled: boolean; id: string; loading: boolean; onClick: ((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | ((event: MouseEvent<...>) => void) | undefined; style: CSSProperties | undefined; type: "button" | "submit"; }' is not assignable to type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.
  Property 'loading' does not exist on type 'IntrinsicAttributes & ButtonProps & RefAttributes<HTMLButtonElement>'.ts(2322)

The other radix Button props seem to work fine. Maybe I'm doing something wrong?

[kevinmitch14]

What version are you using? The loading prop was introduced in v3. The best thing to do is to provide a small reproduction.

[wavinginspace]

@kevinmitch14 Oh man, I should have checked that first. I was still on Radix V2. I upgraded and it works fine now. Thanks for your help!! Sorry for creating an issue that wasn't an issue 😅