import { Suspense } from "react";
import { connection } from "next/server";
import SharedPage from "../../shared-page";

async function CachedContent() {
  "use cache: remote";

  return <SharedPage isDynamic={true} />;
}

async function Content() {
  await connection();

  return <CachedContent />;
}

export default function Page() {
  return (
    <Suspense fallback={<div>Loading...</div>}>
      <Content />
    </Suspense>
  );
}
