Detect and automatically Convert *Some* client components to RSC components on build time

[omerman]

Goals

Detect components inside client component trees that does not rely on any props that should make them client compoennts and convert them to server components.

Background

I find myself composing client components and pass them rsc nodes from the outside.
I can keep doing it, but I think it's relatively simple to detect which nodes are independent inside the client component trees, and handle those as if they are pure rsc compoennts.

Proposal

I think theoretically the right way to go is to go over each client component tree, while rendering in the serverside, and do this:

1. Detect possible server components >> If the component's props did not come from a dynamic place, e.g, component has no props like an icon component or something, or the props came from the server alone, not depending on hooks or state or something like that.
2. Mark & Render those components and cache them by their - Component filename & given props

Please let me know what you think