CSS not being injected while SSR when component is loaded via <Suspense />
I am not sure if this is expected or a bug or if I am doing something wrong. Basically I am loading a component via Reacts lazy Suspense and the component gets rendered on the server fine (it's content is in the HTML when requested via cURL for example) but the corresponding CSS File is not injected in the head which causes a flicker because the css loads only after the JS is hydrated and requests the css.
Repro URL: https://tanstack-suspense-css-flicker.vercel.app/ (Title, Subline + Button flash on the top right and only then move to the center when CSS is hydrated)
Repro Repo: https://github.com/dunklesToast/tanstack-suspense-css-flicker
Expected result (without Suspense): https://tanstack-suspense-css-flicker.vercel.app/no-suspense
Repro URL: https://tanstack-suspense-css-flicker.vercel.app/ (Title, Subline + Button flash on the top right and only then move to the center when CSS is hydrated)
Repro Repo: https://github.com/dunklesToast/tanstack-suspense-css-flicker
Expected result (without Suspense): https://tanstack-suspense-css-flicker.vercel.app/no-suspense
GitHub
Contribute to dunklesToast/tanstack-suspense-css-flicker development by creating an account on GitHub.
