fix(ui): resolve React 19 ref deprecation warning in Tooltip (#30110) (#30111)

* fix(ui): resolve React 19 ref deprecation warning in Tooltip (#30110)

* fix(ui): preserve numeric tooltip content in Tooltip component guard
This commit is contained in:
Rohan Unbeg
2026-09-09 13:55:29 +05:30
committed by GitHub
parent 1251ba5be5
commit b3321936c3
+6 -3
View File
@@ -1,10 +1,9 @@
"use client"; "use client";
import classNames from "@calcom/ui/classNames";
import * as TooltipPrimitive from "@radix-ui/react-tooltip"; import * as TooltipPrimitive from "@radix-ui/react-tooltip";
import React from "react"; import React from "react";
import classNames from "@calcom/ui/classNames";
export function Tooltip({ export function Tooltip({
children, children,
content, content,
@@ -40,13 +39,17 @@ export function Tooltip({
</TooltipPrimitive.Content> </TooltipPrimitive.Content>
); );
if (content === undefined || content === null || content === "") return <>{children}</>;
const trigger = React.isValidElement(children) ? children : <span>{children}</span>;
return ( return (
<TooltipPrimitive.Root <TooltipPrimitive.Root
delayDuration={delayDuration || 50} delayDuration={delayDuration || 50}
open={open} open={open}
defaultOpen={defaultOpen} defaultOpen={defaultOpen}
onOpenChange={onOpenChange}> onOpenChange={onOpenChange}>
<TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger> <TooltipPrimitive.Trigger asChild>{trigger}</TooltipPrimitive.Trigger>
<TooltipPrimitive.Portal>{Content}</TooltipPrimitive.Portal> <TooltipPrimitive.Portal>{Content}</TooltipPrimitive.Portal>
</TooltipPrimitive.Root> </TooltipPrimitive.Root>
); );