From 4ec2d96196bfb54dc19bdfc1bef50c0d39f7394f Mon Sep 17 00:00:00 2001
From: Arhan Ansari <arhanansari2009@gmail.com>
Date: Tue, 8 Oct 2024 01:31:31 +0530
Subject: [PATCH] Update Tooltip.tsx

---
 components/Tooltip.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Tooltip.tsx b/components/Tooltip.tsx
index 1ca98b6..6c55830 100644
--- a/components/Tooltip.tsx
+++ b/components/Tooltip.tsx
@@ -1,9 +1,9 @@
 import React from "react";
-import ReactTooltip from "react-tooltip";
+import { Tooltip as ReactTooltip } from "react-tooltip"; // Use named import
 
 const Tooltip: React.FC<{ id: string; text: string; children: React.ReactNode }> = ({ id, text, children }) => (
   <>
-    <span className="relative cursor-pointer underline" data-tip={text} data-for={id}>
+    <span className="relative cursor-pointer underline" data-tooltip-id={id} data-tooltip-content={text}>
       {children}
     </span>
     <ReactTooltip id={id} effect="solid" />