Hi guys, so I am using the stable version of the app router and I have my root layout wrapped with providers from redux and chakra-ui but I need to also include metadatas and it seems it's conflicting since they are server rendered and the Providers are client-side rendered. Does anyone have a work-around it? Thanks.
#Metadata conflicting with Provider wrappers since they need "use client" in the app dir stable.
3 messages · Page 1 of 1 (latest)
Make a client component providers.tsx and put your providers there, while keep the root layout a server component https://nextjs.org/docs/getting-started/react-essentials#rendering-third-party-context-providers-in-server-components
Okay thanks, lemme try that.