Does Resizable make my React Children or Component client components

[NjengaFelix]

The Resizable component is a client component.

Does it mean anything I add inside resizable changes to a client component

[Alexjoshua14]

The Resizeable component does not result in everything inside being converted to a client component because it uses an interleaving pattern to essentially slot the components into place. Resizeable isn't effected by whether the components are server or client, it only needs to determine where they should be placed. The components would only be converted to client components if they are imported directly into a client component.

You can see more about this pattern on the Next.js docs but essentially server components can be passed to client components as props. You can also import the Nextjs package 'server-only' into your server components to verify that the components remain server components. The package will throw a build-time error it is imported into a client component.

[NjengaFelix]

@Alexjoshua14 Thank you so much for your detailed breakdown