TTC
Theo's Typesafe Cult•13mo ago
Joey

Client Component Hydration Layout Shift

Next.js 13 with appDir. I have a page that have a client component on the top and a server component on the bottom. The client component is an image, and the reason it is a client component is because it displays a different image based on the light/dark mode. The problem is that, when the page initially loads, the server rendered components first appears on the top, and then the client component hydrates, which causes the server component to shift down, causing an annoying flicker. How can I fix this? Thanks.
0 Replies
No replies yetBe the first to reply to this messageJoin
Want results from more Discord servers?
Add your server
More Posts
how to use getServerSession inside onclick server actionI am trying to call getServerSession inside onClick and it's not working can anyone have answer to tNextAuth.If i run this i get all sorts of different sessions errors. Where do i go wrong in this auth?Server Action With getServerSessionhi i am trying to use getServerSession from server action it giving me error in terminal ``` error Should you avoid having the queries inside Components?Kind of a silly question, but if I don't do that, when I have a frailly complex page with lots of qu