Streaming과 Suspense 경계 설정 오류

// app/dashboard/page.js
import { Suspense } from 'react';

async function SlowComponent() {
    const data = await fetchSlowData(); // 5초 소요
    return <div>{data.summary}</div>;
}

async function FastComponent() {
    const data = await fetchFastData(); // 0.1초 소요
    return <div>{data.info}</div>;
}

export default function Dashboard() {
    return (
        <Suspense fallback={<div>전체 로딩 중...</div>}>
            <FastComponent />
            <SlowComponent />
        </Suspense>
    );
}
// FastComponent도 SlowComponent가 완료될 때까지 5초 동안 표시되지 않음