Typescript error in antd theme

[v1ack]

Prerequisites

• I have searched the existing issues
• I understand that providing a SSCCE example is tremendously useful to the maintainers.
• I have read the documentation
• Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.

What theme are you using?

antd

Version

5.24.7

Current Behavior

antd 5.24 error

node_modules/@rjsf/antd/src/templates/IconButton/index.tsx:45:6 - error TS2322: Type '{ block: true; iconType: string; icon: Element; name?: string | undefined; id?: string | undefined; children?: ReactNode; form?: string | undefined; slot?: string | undefined; ... 270 more ...; registry: Registry<...>; }' is not assignable to type 'Omit<ButtonProps, "onClick">'.
  Types of property 'color' are incompatible.
    Type 'string | undefined' is not assignable to type '"blue" | "purple" | "cyan" | "green" | "magenta" | "pink" | "red" | "orange" | "yellow" | "volcano" | "geekblue" | "lime" | "gold" | "default" | "danger" | "primary" | undefined'.
      Type 'string' is not assignable to type '"blue" | "purple" | "cyan" | "green" | "magenta" | "pink" | "red" | "orange" | "yellow" | "volcano" | "geekblue" | "lime" | "gold" | "default" | "danger" | "primary" | undefined'.

45     <IconButton
        ~~~~~~~~~~

antd 5.22 error

node_modules/@rjsf/antd/src/templates/IconButton/index.tsx:45:10 - error TS2322: Type '{ block: true; iconType: string; icon: Element; name?: string | undefined; id?: string | undefined; children?: ReactNode; form?: string | undefined; slot?: string | undefined; ... 270 more ...; registry: Registry<...>; }' is not assignable to type 'Omit<ButtonProps, "onClick">'.
  Types of property 'color' are incompatible.
    Type 'string | undefined' is not assignable to type '"default" | "danger" | "primary" | undefined'.
      Type 'string' is not assignable to type '"default" | "danger" | "primary" | undefined'.

45         <IconButton
            ~~~~~~~~~~

Expected Behavior

No response

Steps To Reproduce

No response

Environment

- OS: macos 15
- Node: 22.9.0
- npm: 10.8.3
- typescript: 5.8.2
- antd: 5.24.3

Anything else?

No response

[v1ack]

Looks like we need to change

react-jsonschema-form/packages/antd/src/templates/IconButton/index.tsx

Line 24 in db2462f

export default function IconButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(

to

export default function IconButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
-  props: AntdIconButtonProps<T, S, F> & Omit<ButtonProps, 'onClick'>
+  props: AntdIconButtonProps<T, S, F> & Omit<ButtonProps, 'onClick' | 'color'>
 ) {
-  const { iconType = 'default', icon, onClick, uiSchema, registry, ...otherProps } = props;
+  const { iconType = 'default', icon, onClick, uiSchema, registry, color, ...otherProps } = props;
   return (
     <Button
       onClick={onClick as MouseEventHandler<HTMLAnchorElement> & MouseEventHandler<HTMLButtonElement>}
       type={iconType as ButtonProps['type']}
       icon={icon}
+      color={(props.color as ButtonProps["color"]) ?? "default"}
       {...otherProps}
     />
   );

but I'm not shure

[heath-freenome]

@v1ack what happens if you set "skipLibCheck": true, in your tsconfig.json file?

[v1ack]

It's already there

[heath-freenome]

@v1ack Do you feel comfortable providing a fix for this?