condition for suppressHydrationWarning

brainly · Jul 31, 2024 · 7a1e840 · 7a1e840
1 parent a6208ea
commit 7a1e840
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/src/components/icons/Icon.tsx b/src/components/icons/Icon.tsx
@@ -597,7 +597,16 @@ const Icon = ({
             }),
           }}
         >
-          <text id={titleId} visibility="hidden" suppressHydrationWarning>
+          <text
+            id={titleId}
+            visibility="hidden"
+            // fix for Property 'suppressHydrationWarning' does not exist on type 'SVGProps<SVGSVGTextElement>'
+            {...{
+              ...(React.version.startsWith('18') && {
+                suppressHydrationWarning: true,
+              }),
+            }}
+          >
             {title || defaultTitle}
           </text>
           {description && <desc id={descId}>{description}</desc>}

diff --git a/src/components/subject-icons/SubjectIcon.tsx b/src/components/subject-icons/SubjectIcon.tsx
@@ -212,7 +212,16 @@ const SubjectIcon = ({
         }),
       }}
     >
-      <text id={titleId} visibility="hidden" suppressHydrationWarning>
+      <text
+        id={titleId}
+        visibility="hidden"
+        // fix for Property 'suppressHydrationWarning' does not exist on type 'SVGProps<SVGSVGTextElement>'
+        {...{
+          ...(React.version.startsWith('18') && {
+            suppressHydrationWarning: true,
+          }),
+        }}
+      >
         {title || defaultTitle}
       </text>
       <use xlinkHref={iconType} aria-hidden="true" />