Hello fam again!!! I've noticed that MDX pages take a second to load assuming because of the compiler, so the UI isn't immediately responsive when navigating to a static MDX page. I've tried wrapping the content in a Suspense but since the page.mdx file doesn't actually have any async content, the Suspense never triggers.
(Using Next 13+)

import Loading from "@/ui/loading";
import { ScrollArea } from "@/ui/shadcn/scrollarea";
import { Suspense } from "react";

export default async function MdxLayout({ children }: { children: React.ReactNode }) {  
  return (
    <Suspense fallback={<Loading />}>
      <ScrollArea
        className={`w-full flex flex-col items-center justify-center max-h-[calc(100vh-4.5rem)] my-4 px-4 pt-8 pb-0`}
      >
        <div className="prose dark:prose-invert max-w-prose mx-auto pb-20">
        {children}
        </div>
      </ScrollArea>
    </Suspense>
  );
}

Any ideas on getting the loading state to trigger?