fix: hydration issue with nested buttons

AElfProject · Sep 1, 2024 · 5e79bd4 · 5e79bd4
1 parent 2415ecd
commit 5e79bd4
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/components/tooltip.tsx b/components/tooltip.tsx
@@ -8,11 +8,12 @@ import {
 export function Tooltip({
   children,
   text,
-}: React.PropsWithChildren<{ text: string }>) {
+  asChild = true,
+}: React.PropsWithChildren<{ text: string; asChild?: boolean }>) {
   return (
     <TooltipProvider>
       <_Tooltip delayDuration={0}>
-        <TooltipTrigger>{children}</TooltipTrigger>
+        <TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
         <TooltipContent>
           <p>{text}</p>
         </TooltipContent>