From 99ed84b89e741634ee6a91a361a77396c3b7953b Mon Sep 17 00:00:00 2001
From: Joro <joro.georgiev@gmail.com>
Date: Thu, 8 Aug 2024 08:58:48 +0300
Subject: [PATCH] fix announcement bar loading

---
 src/theme/AnnouncementBar/Content/index.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/theme/AnnouncementBar/Content/index.js b/src/theme/AnnouncementBar/Content/index.js
index c1a21cff..b8963e21 100644
--- a/src/theme/AnnouncementBar/Content/index.js
+++ b/src/theme/AnnouncementBar/Content/index.js
@@ -22,6 +22,7 @@ export default function AnnouncementBarContent(props) {
   const { announcementBar } = useThemeConfig();
   const { content } = announcementBar;
 
+  const [loaded, setLoaded] = useState(false);
   const [dynamicContent, setDynamicContent] = useState(content);
   const [balanceLoaded, setBalanceLoaded] = useState(false);
 
@@ -68,6 +69,7 @@ export default function AnnouncementBarContent(props) {
         newContent = newContent.replace(`{{${v}}}`, values[i]);
       });
       setDynamicContent(newContent);
+      setLoaded(true);
     }
 
     updateContent();
@@ -79,7 +81,9 @@ export default function AnnouncementBarContent(props) {
       className={clsx(styles.content, props.className)}
       // Developer provided the HTML, so assume it's safe.
       // eslint-disable-next-line react/no-danger
-      dangerouslySetInnerHTML={{ __html: dynamicContent }}
+      dangerouslySetInnerHTML={{
+        __html: loaded ? dynamicContent : null,
+      }}
     />
   );
 }