Next.js Discord

Discord Forum

How I can fix react hydration when jumping to another route in Chakra UI

Answered
Transvaal lion posted this in #help-forum
Open in Discord
Transvaal lionOP
Hello, I'm Using chakra ui for my personal project in nextjs, While using App router I'm constantly facing the problem of jumping to new route. I'm trying to rename title of each route in the MetaData Part. Can anyone help me regarding this issue

I'm creating new layout.tsx for each route and adding metadata.
The page.tsx is loaded on the client side using 'use client
Answered by Transvaal lion
I think, I found my answer so I'm closing this forum as answered. I was using body twice in layout.tsx which was the main reason for hydration error.
View full answer

1 Reply

Transvaal lionOP
I think, I found my answer so I'm closing this forum as answered. I was using body twice in layout.tsx which was the main reason for hydration error.
Answer