From 8e8d0a08f9ee0bdca161aced08d4425d093eb4db Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Wed, 7 Sep 2022 15:07:35 +0100
Subject: [PATCH] reobserve elements when children change (#54827)

---
 .../src/components/ToolbarButton/ToolbarButtonRow.tsx           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/ToolbarButton/ToolbarButtonRow.tsx b/packages/grafana-ui/src/components/ToolbarButton/ToolbarButtonRow.tsx
index 693c243dcd2..40ea997aee5 100644
--- a/packages/grafana-ui/src/components/ToolbarButton/ToolbarButtonRow.tsx
+++ b/packages/grafana-ui/src/components/ToolbarButton/ToolbarButtonRow.tsx
@@ -57,7 +57,7 @@ export const ToolbarButtonRow = forwardRef<HTMLDivElement, Props>(
         });
       }
       return () => intersectionObserver.disconnect();
-    }, []);
+    }, [children]);
 
     return (
       <div ref={containerRef} className={cx(styles.container, className)} {...rest}>