Next.js 13: generateStaticParams breaks suspense?

[OtisTemler]

Not sure if this should / should not work, but whenever I add generateStaticParams on either a page.tsx or layout.tsx <Suspense> stops working and NextJS will wait for the requests in <RecommendedProducts /> and <Reviews /> to be finished before any content is displayed.

E.g:

This works perfectly:

export default async function Posts({ params }: { params: { slug: string } }) {
  console.log(params.testslug);
  return (
    <div className="space-y-16">
      <div>
        <Product product={products[0]} />
      </div>

      <Suspense fallback={<RecommendedProductsSkeleton />}>
        {/* @ts-ignore */}
        <RecommendedProducts />
      </Suspense>

      <Suspense fallback={<ReviewsSkeleton />}>
        {/* @ts-ignore */}
        <Reviews />
      </Suspense>
    </div>
  );
}

But this waits for every request in the components to complete before any content is displayed:

export async function generateStaticParams() {
  return [
    {
      testslug: 'heh',
    },
  ];
}

export default async function Posts({ params }: { params: { testslug: string } }) {
  console.log(params.testslug);
  return (
    <div className="space-y-16">
      <div>
        <Product product={products[0]} />
      </div>

      <Suspense fallback={<RecommendedProductsSkeleton />}>
        {/* @ts-ignore */}
        <RecommendedProducts />
      </Suspense>

      <Suspense fallback={<ReviewsSkeleton />}>
        {/* @ts-ignore */}
        <Reviews />
      </Suspense>
    </div>
  );
}

[zubkov7]

Hi! are there any updates?