docs(nx-dev): use localstorage for livestream banner (#28880)

nrwl · Nov 11, 2024 · cc251e4 · cc251e4
1 parent 258a256
commit cc251e4
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/nx-dev/ui-common/src/lib/live-stream-notifier.tsx b/nx-dev/ui-common/src/lib/live-stream-notifier.tsx
@@ -11,12 +11,12 @@ import {
 } from '@heroicons/react/24/outline';
 
 export function LiveStreamNotifier(): ReactElement | null {
+  const [isMounted, setIsMounted] = useState(false);
   const [isVisible, setIsVisible] = useState<boolean>(true);
 
   useEffect(() => {
-    const isClosedSession = sessionStorage.getItem(
-      'live-stream-notifier-closed'
-    );
+    setIsMounted(true);
+    const isClosedSession = localStorage.getItem('live-stream-notifier-closed');
     if (isClosedSession === 'true') {
       setIsVisible(false);
     }
@@ -25,10 +25,10 @@ export function LiveStreamNotifier(): ReactElement | null {
   const closeNotifier = (e: React.MouseEvent) => {
     e.stopPropagation();
     setIsVisible(false);
-    sessionStorage.setItem('live-stream-notifier-closed', 'true');
+    localStorage.setItem('live-stream-notifier-closed', 'true');
   };
 
-  if (!isVisible) return null;
+  if (!isMounted || !isVisible) return null;
 
   return (
     <motion.div