diff --git a/src/app/session/page.tsx b/src/app/session/page.tsx
index 4e8503a..27f348d 100644
--- a/src/app/session/page.tsx
+++ b/src/app/session/page.tsx
@@ -2,7 +2,7 @@
 "use client";
 
 import { useRouter, useSearchParams } from "next/navigation";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { Suspense, useEffect, useMemo, useRef, useState } from "react";
 
 type Mode = "freeflow" | "sprint" | "deepwork";
 type PresenceStatus = "focus" | "away";
@@ -332,7 +332,19 @@ function useLocalPresence(roomKey: string, status: PresenceStatus) {
   return { participants, selfId };
 }
 
-export default function SessionPage() {
+export default function Page() {
+  return (
+    <Suspense
+      fallback={
+        <main className="min-h-screen w-full" style={{ backgroundColor: BG }} />
+      }
+    >
+      <SessionInner />
+    </Suspense>
+  );
+}
+
+function SessionInner() {
   const router = useRouter();
   const params = useSearchParams();
   const mode = useMemo(() => clampMode(params.get("mode")), [params]);