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";
import classNames from "@calcom/ui/classNames";
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
import React from "react";
import classNames from "@calcom/ui/classNames";
export function Tooltip({
children,
content,
@@ -40,13 +39,17 @@ export function Tooltip({
</TooltipPrimitive.Content>
);
if (content === undefined || content === null || content === "") return <>{children}</>;
const trigger = React.isValidElement(children) ? children : <span>{children}</span>;
return (
<TooltipPrimitive.Root
delayDuration={delayDuration || 50}
open={open}
defaultOpen={defaultOpen}
onOpenChange={onOpenChange}>
<TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
<TooltipPrimitive.Trigger asChild>{trigger}</TooltipPrimitive.Trigger>
<TooltipPrimitive.Portal>{Content}</TooltipPrimitive.Portal>
</TooltipPrimitive.Root>
);