사용자가 앱을 탐색할 때 페이지가 렌더링되기 전에 다음 페이지의 데이터가 로드됩니다. 이 시간 동안 사용자 피드백을 제공하여 앱이 응답이 없는 것처럼 느껴지지 않도록 하는 것이 중요합니다.

function Root() {
  const navigation = useNavigation();
  return (
    <div>
      {navigation.state === "loading" && <GlobalSpinner />}
      <FakeSidebar />
      <Outlet />
      <FakeFooter />
    </div>
  );
}