Fix ListItem to use icon as element instead of text node

storybookjs · Sep 30, 2024 · 48868ba · 48868ba
1 parent 2582d44
commit 48868ba
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/code/core/src/components/components/tooltip/ListItem.tsx b/code/core/src/components/components/tooltip/ListItem.tsx
@@ -199,11 +199,17 @@ const ListItem = ({
 }: ListItemProps) => {
   const commonProps = { active, disabled };
   const itemProps = getItemProps(onClick, href, LinkWrapper);
+  const Icon: React.JSXElementConstructor<any> =
+    icon as unknown as React.JSXElementConstructor<any>;
 
   return (
     <Item {...rest} {...commonProps} {...itemProps}>
       <>
-        {icon && <Left {...commonProps}>{icon}</Left>}
+        {icon && (
+          <Left {...commonProps}>
+            <Icon />
+          </Left>
+        )}
         {title || center ? (
           <Center isIndented={!!(!icon && isIndented)}>
             {title && (