Type '{ children: Element; name: string; variant: "tertiary"; color: "neutral"; size: "md"; onClick: () => void | undefined; autoFocus: true; icon: boolean; className: string; title: string; }' is not assignable to type 'IntrinsicAttributes & { variant?: "primary" | "secondary" | "tertiary" | undefined; color?: "accent" | "neutral" | "danger" | undefined; size?: "sm" | "md" | "lg" | undefined; fill?: boolean | undefined; loading?: boolean | undefined; asChild?: boolean | undefined; } & ButtonHTMLAttributes<...> & RefAttributes<...>'.

Property 'icon' does not exist on type 'ToggleGroupItemProps'.

Type '{ children: ReactNode; name?: string | undefined; id?: string | undefined; role?: AriaRole | undefined; "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined; ... 274 more ...; ref: ForwardedRef<...>; }' is not assignable to type 'IntrinsicAttributes & { variant?: "primary" | "secondary" | "tertiary" | undefined; color?: "accent" | "neutral" | "danger" | undefined; size?: "sm" | "md" | "lg" | undefined; fill?: boolean | undefined; loading?: boolean | undefined; asChild?: boolean | undefined; } & ButtonHTMLAttributes<...> & RefAttributes<...>'.