From 162c542213b4eb3b3e8e13855cd0d7ccb32c22e4 Mon Sep 17 00:00:00 2001
From: Rudraksh Tyagi <59254790+dragon-slayer875@users.noreply.github.com>
Date: Sat, 4 May 2024 18:59:47 +0530
Subject: [PATCH] fix: update custom tooltip props to use formatter

Signed-off-by: Rudraksh Tyagi <59254790+dragon-slayer875@users.noreply.github.com>
---
 src/custom/CustomTooltip/customTooltip.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/custom/CustomTooltip/customTooltip.tsx b/src/custom/CustomTooltip/customTooltip.tsx
index 710deb14..eb8d6037 100644
--- a/src/custom/CustomTooltip/customTooltip.tsx
+++ b/src/custom/CustomTooltip/customTooltip.tsx
@@ -5,13 +5,13 @@ import remarkGfm from 'remark-gfm';
 import { CHARCOAL, KEPPEL, WHITE } from '../../theme';
 
 type CustomTooltipProps = {
-  title: string | React.ReactNode | JSX.Element;
+  title: string;
   onClick?: (event: React.MouseEvent<HTMLElement>) => void;
   children: React.ReactNode;
   fontSize?: string;
 } & Omit<TooltipProps, 'title' | 'onClick'>;
 
-export function getHyperLinkDiv(text: string) {
+export function MarkdownFormatter(text: string) {
   return (
     <Markdown
       remarkPlugins={[remarkGfm]}
@@ -38,7 +38,7 @@ export function getHyperLinkDiv(text: string) {
 
 function CustomTooltip({
   title,
-  onClick = () => { },
+  onClick = () => {},
   placement,
   children,
   fontSize = '1rem',
@@ -62,7 +62,7 @@ function CustomTooltip({
           }
         }
       }}
-      title={title}
+      title={MarkdownFormatter(title)}
       placement={placement}
       arrow
       onClick={onClick}