From 3d6b1dc7ae3c3746fccf12ed4fa30086103746bf Mon Sep 17 00:00:00 2001
From: Shahed Nasser <shahednasser@gmail.com>
Date: Mon, 8 Jul 2024 11:24:45 +0300
Subject: [PATCH] docs: fix page crashing when using google translate (#8009)

---
 www/packages/docs-ui/src/components/Tooltip/index.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/www/packages/docs-ui/src/components/Tooltip/index.tsx b/www/packages/docs-ui/src/components/Tooltip/index.tsx
index e94a641176..d8faec9534 100644
--- a/www/packages/docs-ui/src/components/Tooltip/index.tsx
+++ b/www/packages/docs-ui/src/components/Tooltip/index.tsx
@@ -26,13 +26,12 @@ export const Tooltip = ({
   const elementId = useId()
 
   return (
-    <>
+    <span className={clsx(className, "notranslate")} translate="no">
       <span
         id={elementId}
         data-tooltip-content={text}
         data-tooltip-html={html}
         data-tooltip-id={elementId}
-        className={className}
       >
         {children}
       </span>
@@ -54,6 +53,6 @@ export const Tooltip = ({
       >
         {tooltipChildren}
       </ReactTooltip>
-    </>
+    </span>
   )
 }