diff --git a/src/components/structures/RoomStatusBar.tsx b/src/components/structures/RoomStatusBar.tsx
index 4d34fdeceb..fb7df5938b 100644
--- a/src/components/structures/RoomStatusBar.tsx
+++ b/src/components/structures/RoomStatusBar.tsx
@@ -33,12 +33,16 @@ interface IProps {
     onHidden: () => void;
 }
 
-export function RoomStatusBar(props: IProps): JSX.Element | null {
-    const vm = useRoomStatusBarViewModel(props);
+export function RoomStatusBar({ room, onVisible, onHidden }: IProps): JSX.Element | null {
+    const vm = useRoomStatusBarViewModel({ room });
 
     useEffect(() => {
-        vm.visible ? props.onVisible() : props.onHidden();
-    }, [vm.visible]);
+        if (vm.visible) {
+            onVisible();
+        } else {
+            onHidden();
+        }
+    }, [vm.visible, onVisible, onHidden]);
 
     if (!vm.visible) {
         return null;
diff --git a/test/test-utils/test-utils.ts b/test/test-utils/test-utils.ts
index 9e0ac5cba7..e43665a167 100644
--- a/test/test-utils/test-utils.ts
+++ b/test/test-utils/test-utils.ts
@@ -32,7 +32,7 @@ import {
     type GroupCall,
     HistoryVisibility,
     type ICreateRoomOpts,
-    EventStatus,
+    type EventStatus,
 } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
 import { normalize } from "matrix-js-sdk/src/utils";