diff --git a/apps/web/src/components/common/connection-monitor.tsx b/apps/web/src/components/common/connection-monitor.tsx
new file mode 100644
index 00000000..60830b8d
--- /dev/null
+++ b/apps/web/src/components/common/connection-monitor.tsx
@@ -0,0 +1,7 @@
+import { useConnectionMonitor } from "@/hooks/use-connection-monitor";
+import { ConnectionBanner } from "./connection-banner";
+
+export function ConnectionMonitor() {
+  useConnectionMonitor();
+  return <ConnectionBanner />;
+}