I just recently updated my project to be a mono repo and along with it, I enabled ppr
, reactCompiler
, and inlineCss
. I started to noticed that I was getting the following error in my logs
[Error: This rendered a large document (>512 kB) without any Suspense boundaries around most of it. That can delay initial paint longer than necessary. To improve load performance, add a <Suspense> or <SuspenseList> around the content you expect to be below the header or below the fold. In the meantime, the content will deopt to paint arbitrary incomplete pieces of HTML.]
I honestly have no idea what is causing that. This is the page.tsx
that is causing it redshirt-sports/apps/web/app/[slug]/page.tsx at main · JamesSingleton/redshirt-sports · GitHub
The URL for the project is https://www.redshirtsports.xyz and the page that is causing this error the most at the moment is https://www.redshirtsports.xyz/omar-rashon-borjas-way-too-early-2026-bowl-projections