diff --git a/x-pack/plugins/uptime/public/components/functional/filter_bar_loading.tsx b/x-pack/plugins/uptime/public/components/functional/filter_bar_loading.tsx
index a10e552440a73..4359c923f83d9 100644
--- a/x-pack/plugins/uptime/public/components/functional/filter_bar_loading.tsx
+++ b/x-pack/plugins/uptime/public/components/functional/filter_bar_loading.tsx
@@ -15,4 +15,15 @@ const searchBox = {
   }),
 };
 
-export const FilterBarLoading = () => <EuiSearchBar box={searchBox} />;
+/**
+ * This component provides a visual placeholder while the FilterBar is loading.
+ * The onChange prop is required, so we provide an empty function to suppress the warning.
+ */
+export const FilterBarLoading = () => (
+  <EuiSearchBar
+    box={searchBox}
+    onChange={() => {
+      /* */
+    }}
+  />
+);