diff --git a/web/src/ui/roomview/RoomViewHeader.tsx b/web/src/ui/roomview/RoomViewHeader.tsx
index 7c771a1..9bfc272 100644
--- a/web/src/ui/roomview/RoomViewHeader.tsx
+++ b/web/src/ui/roomview/RoomViewHeader.tsx
@@ -39,6 +39,14 @@ const RoomViewHeader = ({ room }: RoomViewHeaderProps) => {
 		? roomMeta.lazy_load_summary.heroes[0] : room.roomID
 	const mainScreen = use(MainScreenContext)
 	const openModal = use(ModalContext)
+	const openStateViewer = useCallback(() => {
+		openModal({
+			dimmed: true,
+			boxed: true,
+			innerBoxClass: "state-view",
+			content: <StateViewer room={room} />,
+		})
+	}, [room, openModal])
 	const openSettings = useCallback(() => {
 		openModal({
 			dimmed: true,