fix(Icon): prop passing

Author: tenphi

.size-limit.cjs

@@ -20,7 +20,7 @@ module.exports = [
         }),
       );
     },
-    limit: '246kB',
+    limit: '247kB',
   },
   {
     name: 'Tree shaking (just a Button)',

src/icons/Icon.tsx

@@ -48,7 +48,7 @@ export interface CubeIconProps
     BaseStyleProps {
   size?: Styles['fontSize'];
   stroke?: number;
-  children: ReactElement;
+  children?: ReactElement;
 }
 
 export const Icon = memo(
@@ -58,10 +58,12 @@ export const Icon = memo(
   ) {
     const { size, stroke, ...rest } = props;
 
-    const icon = cloneElement(rest.children, {
-      size: typeof size === 'number' ? size : undefined,
-      stroke,
-    });
+    const icon = rest.children
+      ? cloneElement(rest.children, {
+          size: typeof size === 'number' ? size : undefined,
+          stroke,
+        })
+      : rest.children;
 
     return (
       <IconElement

src/icons/wrap-icon.tsx

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import { ReactElement } from 'react';
 
 import { CubeIconProps, Icon } from './Icon';
 
-export function wrapIcon(name: string, icon: ReactNode) {
+export function wrapIcon(name: string, icon: ReactElement) {
   function IconWrapper(props: CubeIconProps) {
     return (
       // use custom size to support legacy icons