fix(@clayui/core): fixes bug when rendering LiveAnnouncer on server side

liferay · Nov 21, 2023 · 5765be2 · 5765be2
1 parent ecf8214
commit 5765be2
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/packages/clay-core/src/live-announcer/LiveAnnouncer.tsx b/packages/clay-core/src/live-announcer/LiveAnnouncer.tsx
@@ -78,7 +78,7 @@ export const LiveAnnouncer = forwardRef<AnnouncerAPI>(function LiveAnnouncer(
 		[announce]
 	);
 
-	return createPortal(
+	const content = (
 		<VisuallyHidden liveAnnouncer>
 			<div aria-live="assertive" aria-relevant="additions" role="log">
 				{logs
@@ -94,7 +94,10 @@ export const LiveAnnouncer = forwardRef<AnnouncerAPI>(function LiveAnnouncer(
 						<div key={log.id}>{log.message}</div>
 					))}
 			</div>
-		</VisuallyHidden>,
-		document.body
+		</VisuallyHidden>
 	);
+
+	return typeof document !== 'undefined'
+		? createPortal(content, document.body)
+		: content;
 });