From 7c3d9465c3b02e19e35c6eb768371be22df5262a Mon Sep 17 00:00:00 2001
From: Evan Frawley <evanfrawley@gmail.com>
Date: Mon, 5 Aug 2024 10:48:00 -0700
Subject: [PATCH] fix: render non-string content outside of the Text element

---
 packages/radix-ui-themes/src/components/tooltip.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/radix-ui-themes/src/components/tooltip.tsx b/packages/radix-ui-themes/src/components/tooltip.tsx
index 12991d63..e8356037 100644
--- a/packages/radix-ui-themes/src/components/tooltip.tsx
+++ b/packages/radix-ui-themes/src/components/tooltip.tsx
@@ -47,9 +47,13 @@ const Tooltip = React.forwardRef<TooltipElement, TooltipProps>((props, forwarded
             ref={forwardedRef}
             className={classNames('rt-TooltipContent', className)}
           >
-            <Text as="p" className="rt-TooltipText" size="1">
-              {content}
-            </Text>
+            {typeof content === 'string' ? (
+              <Text as="p" className="rt-TooltipText" size="1">
+                {content}
+              </Text>
+            ) : (
+              <>{content}</>
+            )}
             <TooltipPrimitive.Arrow className="rt-TooltipArrow" />
           </TooltipPrimitive.Content>
         </Theme>