From 48868bab600b04ffd8144a78cc21e9d92b6eabd1 Mon Sep 17 00:00:00 2001
From: Michael Cebrian <michael.cebrian@gmail.com>
Date: Mon, 30 Sep 2024 12:11:09 -0400
Subject: [PATCH] Fix ListItem to use icon as element instead of text node

---
 code/core/src/components/components/tooltip/ListItem.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/code/core/src/components/components/tooltip/ListItem.tsx b/code/core/src/components/components/tooltip/ListItem.tsx
index 8d50a05273de..219c63429ddb 100644
--- 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 && (