diff --git a/src/react/next-architecture/ui/AlertProvider.tsx b/src/react/next-architecture/ui/AlertProvider.tsx
index 1f39ba2e7..a91643b74 100644
--- a/src/react/next-architecture/ui/AlertProvider.tsx
+++ b/src/react/next-architecture/ui/AlertProvider.tsx
@@ -15,10 +15,16 @@ export const useAlerts = (filters: FilterLabels) => {
 
 const AlertProvider = ({ children }: { children: React.ReactNode }) => {
   const xcoreConfig = useXcoreRuntimeConfig();
+
+  let alertManagerUrl = '';
+  if (xcoreConfig) {
+    alertManagerUrl = xcoreConfig.spec.selfConfiguration.url_alertmanager;
+  } else {
+    console.log('The alert manager is not available.');
+  }
+
   return (
-    <window.shellAlerts.AlertsProvider
-      alertManagerUrl={xcoreConfig.spec.selfConfiguration.url_alertmanager}
-    >
+    <window.shellAlerts.AlertsProvider alertManagerUrl={alertManagerUrl}>
       {children}
     </window.shellAlerts.AlertsProvider>
   );