refactor: suspense 로 페이지 감싸기
This commit is contained in:
@@ -2,7 +2,7 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { useRouter, useSearchParams } from "next/navigation";
|
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 Mode = "freeflow" | "sprint" | "deepwork";
|
||||||
type PresenceStatus = "focus" | "away";
|
type PresenceStatus = "focus" | "away";
|
||||||
@@ -332,7 +332,19 @@ function useLocalPresence(roomKey: string, status: PresenceStatus) {
|
|||||||
return { participants, selfId };
|
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 router = useRouter();
|
||||||
const params = useSearchParams();
|
const params = useSearchParams();
|
||||||
const mode = useMemo(() => clampMode(params.get("mode")), [params]);
|
const mode = useMemo(() => clampMode(params.get("mode")), [params]);
|
||||||
|
|||||||
Reference in New Issue
Block a user