From 5c99cab332afb6167f7adc0e5d90ef846ee669b1 Mon Sep 17 00:00:00 2001
From: corpi <lj845854@gmail.com>
Date: Mon, 9 Feb 2026 15:27:00 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20suspense=20=EB=A1=9C=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EA=B0=90=EC=8B=B8=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/session/page.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

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]);