Next.js Discord

Discord Forum

Suspend until fully mounted

Unanswered
White-eyed Vireo posted this in #help-forum
Open in Discord
White-eyed VireoOP
Is it possible to trigger a Suspense boundary with hydration/mount?

I have a client component that loads data from localstorage. When the data is not loaded, the layout looks quite a bit different than when it is loaded, so there is considerable layout shift on first load.

There is no possible way I could redesign the component to not have layout shift. I want to use loading.js or a <Suspense> to simply hide the page or part of the page.

Is there a way to have the component suspend until it's fully loaded?

0 Replies