const [{ markup, rawCode }, user] = await Promise.all([getComponentData(filename, sectionFolder), currentUser()])

import { Suspense } from "react";

export const dynamic = "force-dynamic";

export function generateStaticParams() {
  return Array.from({ length: 8 }).map((_, i) => ({ name: String(i + 1) }));
}

export default async function Home() {
  return (
    <main className="flex min-h-screen flex-col items-center justify-between p-24">
      {Array.from({ length: 8 }).map((_, i) => (
        <Suspense key={i} fallback={<div>loading...</div>}>
          <Child />
        </Suspense>
      ))}
    </main>
  );
}

async function Child() {
  await new Promise((resolve) => setTimeout(resolve, 5000 * Math.random()));

  return <div>child</div>;
}

const [_, user] = await Promise.all([new Promise(resolve => setTimeout(resolve, 5000), currentUser()])

const cachedCurrentUser = cache(currentUser)

async function Child() {
  const [_, user] = await Promise.all([
    new Promise((resolve) => setTimeout(resolve, 5000)),
    cachedCurrentUser(),
  ])

  return <div>child</div>
}

const Email = dynamic(() => import(""))

const markup = new Promise(resolve => resolve(<Email />, { pretty: true })

 const markup = await new Promise((resolve) =>
    resolve(render(<Email />, { pretty: true }))
  );