search

bvaughn / react-resizable-panels

https://react-resizable-panels.vercel.app/
MIT License
3.87k stars 135 forks source link

[Next.js 14 SSR] Layout changes after client hydration #225

Closed binghuis closed 10 months ago

binghuis commented 10 months ago

Next.js 14 + react-resizable-panels: 0.0.63

When the page is initialized, there is still a flickering issue. I implemented SSR rendering according to the cookies solution in the readme, but the problem persists. I looked at some previous related issues and found that some methods seemed to be outdated.

https://github.com/bvaughn/react-resizable-panels/assets/20395726/ac3749ad-c3d4-40aa-a9ed-22c9861806e1

binghuis commented 10 months ago
image image
binghuis commented 10 months ago

this is my repo https://github.com/binghuis/chat-whiz/blob/main/app/page.tsx

binghuis commented 10 months ago

Is there something wrong with how I'm using it? Please give me some hints.

binghuis commented 10 months ago

fixed:

image
bvaughn commented 10 months ago

Glad you got it sorted out.