This is difficult to reproduce, but I saw an error page when one of the queries failed on the dashboard. We are passed an Object to the Alert component instead of a string. > found: Error: Call to /api/prometheus/api/v1/query?query=1+-+avg%28rate%28node_cpu_seconds_total%7Bmode%3D%22idle%22%2C+cluster%3D%22%22%7D%5B1m%5D%29%29 timed out after 20000ms This appears to be the SingleStat component. Warning: Failed prop type: Invalid prop `children` supplied to `Alert`, expected a ReactNode. in Alert (created by Context.Consumer) in ComponentWithOuia (created by Context.Consumer) in Unknown (created by ErrorAlert) in ErrorAlert (created by SingleStat) in SingleStat (created by Card_) in div (created by CardBody) in CardBody in Unknown (created by Card_) in article (created by Card) in Card in Unknown (created by Card_) in div (created by Card_) in Card_ (created by ConnectFunction) in ConnectFunction (created by Board) in div (created by Board) in Board (created by MonitoringDashboardsPage_) in div (created by Dashboard) in Dashboard (created by MonitoringDashboardsPage_) in MonitoringDashboardsPage_ (created by ConnectFunction) in ConnectFunction in ErrorBoundary in Unknown (created by Context.Consumer) in Route (created by MonitoringUI) in Switch (created by MonitoringUI) in MonitoringUI (created by AsyncComponent) in AsyncComponent (created by Context.Consumer) in Route (created by LazyRoute) in LazyRoute (created by AppContents_) in Switch (created by AppContents_) in div (created by AppContents_) in div (created by AppContents_) in section (created by PageSection) in PageSection (created by AppContents_) in AppContents_ (created by ConnectFunction) in ConnectFunction (created by ConnectFunction) in ConnectFunction (created by App) in div (created by DrawerContent) in DrawerContent (created by NotificationDrawer) in div (created by Drawer) in Drawer (created by NotificationDrawer) in NotificationDrawer (created by ConnectedNotificationDrawer_) in ConnectedNotificationDrawer_ (created by ConnectFunction) in ConnectFunction (created by AsyncComponent) in AsyncComponent (created by NotificationDrawer) in NotificationDrawer (created by App) in Unknown in Unknown (created by ConnectFunction) in ConnectFunction (created by Firehose) in Firehose (created by ConnectFunction) in ConnectFunction (created by App) in main (created by Page) in div (created by Page) in Page (created by App) in App (created by Context.Consumer) in Route in Router in Provider Objects are not valid as a React child (found: Error: Call to /api/prometheus/api/v1/query?query=1+-+avg%28rate%28node_cpu_seconds_total%7Bmode%3D%22idle%22%2C+cluster%3D%22%22%7D%5B1m%5D%29%29 timed out after 20000ms.). If you meant to render a collection of children, use an array instead. in div (created by Alert) in div (created by Alert) in Alert (created by Context.Consumer) in ComponentWithOuia (created by Context.Consumer) in Unknown (created by ErrorAlert) in ErrorAlert (created by SingleStat) in SingleStat (created by Card_) in div (created by CardBody) in CardBody in Unknown (created by Card_) in article (created by Card) in Card in Unknown (created by Card_) in div (created by Card_) in Card_ (created by ConnectFunction) in ConnectFunction (created by Board) in div (created by Board) in Board (created by MonitoringDashboardsPage_) in div (created by Dashboard) in Dashboard (created by MonitoringDashboardsPage_) in MonitoringDashboardsPage_ (created by ConnectFunction) in ConnectFunction in ErrorBoundary in Unknown (created by Context.Consumer) in Route (created by MonitoringUI) in Switch (created by MonitoringUI) in MonitoringUI (created by AsyncComponent) in AsyncComponent (created by Context.Consumer) in Route (created by LazyRoute) in LazyRoute (created by AppContents_) in Switch (created by AppContents_) in div (created by AppContents_) in div (created by AppContents_) in section (created by PageSection) in PageSection (created by AppContents_) in AppContents_ (created by ConnectFunction) in ConnectFunction (created by ConnectFunction) in ConnectFunction (created by App) in div (created by DrawerContent) in DrawerContent (created by NotificationDrawer) in div (created by Drawer) in Drawer (created by NotificationDrawer) in NotificationDrawer (created by ConnectedNotificationDrawer_) in ConnectedNotificationDrawer_ (created by ConnectFunction) in ConnectFunction (created by AsyncComponent) in AsyncComponent (created by NotificationDrawer) in NotificationDrawer (created by App) in Unknown in Unknown (created by ConnectFunction) in ConnectFunction (created by Firehose) in Firehose (created by ConnectFunction) in ConnectFunction (created by App) in main (created by Page) in div (created by Page) in Page (created by App) in App (created by Context.Consumer) in Route in Router in Provider in div (created by Alert) in div (created by Alert) in Alert (created by Context.Consumer) in ComponentWithOuia (created by Context.Consumer) in Unknown (created by ErrorAlert) in ErrorAlert (created by SingleStat) in SingleStat (created by Card_) in div (created by CardBody) in CardBody in Unknown (created by Card_) in article (created by Card) in Card in Unknown (created by Card_) in div (created by Card_) in Card_ (created by ConnectFunction) in ConnectFunction (created by Board) in div (created by Board) in Board (created by MonitoringDashboardsPage_) in div (created by Dashboard) in Dashboard (created by MonitoringDashboardsPage_) in MonitoringDashboardsPage_ (created by ConnectFunction) in ConnectFunction in ErrorBoundary in Unknown (created by Context.Consumer) in Route (created by MonitoringUI) in Switch (created by MonitoringUI) in MonitoringUI (created by AsyncComponent) in AsyncComponent (created by Context.Consumer) in Route (created by LazyRoute) in LazyRoute (created by AppContents_) in Switch (created by AppContents_) in div (created by AppContents_) in div (created by AppContents_) in section (created by PageSection) in PageSection (created by AppContents_) in AppContents_ (created by ConnectFunction) in ConnectFunction (created by ConnectFunction) in ConnectFunction (created by App) in div (created by DrawerContent) in DrawerContent (created by NotificationDrawer) in div (created by Drawer) in Drawer (created by NotificationDrawer) in NotificationDrawer (created by ConnectedNotificationDrawer_) in ConnectedNotificationDrawer_ (created by ConnectFunction) in ConnectFunction (created by AsyncComponent) in AsyncComponent (created by NotificationDrawer) in NotificationDrawer (created by App) in Unknown in Unknown (created by ConnectFunction) in ConnectFunction (created by Firehose) in Firehose (created by ConnectFunction) in ConnectFunction (created by App) in main (created by Page) in div (created by Page) in Page (created by App) in App (created by Context.Consumer) in Route in Router in Provider
Checked on ocp 4.4 env with payload 4.4.0-0.nightly-2020-02-06-072311 Now could not get promethus data successfully, and there is error info such as: " An error occurred Call to /api/prometheus/api/v1/query?query=count+by+%28job%2C+instance%2C+version%29+%28prometheus_build_info%7Bjob%3D%7E%22%22%2C+instance%3D%7E%22%22%7D%29 timed out after 20000ms." Seems the string is similar with that in the bug description, but the error in dev console is not the same, pls refer to the screenshot. The original js error in the bug description has disappeared, does it mean the bug is fixed?
Created attachment 1658227 [details] js-error
The error you see in the console is expected. By default, the JS console will show failed HTTP requests. If the UI renders, it means the bug is fixed. Thanks!
Thanks for confirmation. According to Comment 3 and Comment 4, checked on OCP 4.4 env with payload 4.4.0-0.nightly-2020-02-11-200858 again, the bug is fixed.
Since the problem described in this bug report should be resolved in a recent advisory, it has been closed with a resolution of ERRATA. For information on the advisory, and where to find the updated files, follow the link below. If the solution does not work for you, open a new bug report. https://access.redhat.com/errata/RHBA-2020:0581