fix: render non-string content outside of the Text element

radix-ui · Aug 5, 2024 · 7c3d946 · 7c3d946
1 parent e500aac
commit 7c3d946
Showing 1 changed file with 7 additions and 3 deletions.
diff --git 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>