diff --git a/packages/color-swatch/src/index.tsx b/packages/color-swatch/src/index.tsx
index eaff1e0cc..6600cb2aa 100644
--- a/packages/color-swatch/src/index.tsx
+++ b/packages/color-swatch/src/index.tsx
@@ -89,7 +89,7 @@ const Swatch = React.forwardRef<HTMLDivElement, SwatchProps>((props, ref) => {
           }
           const child =
             rectProps.children && React.isValidElement(rectProps.children)
-              ? React.cloneElement(rectProps.children, {
+              ? React.cloneElement<any>(rectProps.children, {
                   color: background,
                   checked,
                 })