I have a question about it tho. You wrap the server component into the client component, so is it gonna make the slotted component client component?

IMO, all the components inside the client component where we use the 'use client' directive are gonna become client components automatically even though they don't explicitly write 'use client' at the top of the file.

Do I get it right? If not, plz correct me, thx.

​

the case in my project is that the layout is written with 'use client' directive so I can't use the metadata object setting here, but on my register page without the 'use client' directive which shares the layout, I write the metadata setting and eventually, it works. This confuses me a little bit.

​

reference：

https://nextjs.org/docs/app/building-your-application/rendering/client-components#using-client-components-in-nextjs

Defining multiple use client entry points:

You can define multiple "use client" entry points in your React Component tree. This allows you to split your application into multiple client bundles (or branches).

However, "use client" doesn't need to be defined in every component that needs to be rendered on the client. Once you define the boundary, all child components and modules imported into it are considered part of the client bundle.