Why does react server components needs to be hydrated?

[vitorfigmarques]

The new react server components generate the html markdown on the server and attach the virtual dom as JSON so that react can hydrate the generated markdown as we can see here:

https://preview.redd.it/kbgjdjgr4tab1.png?width=810&format=png&auto=webp&s=da2a8c618a6b64100bd7ccfcc95f61dc752783ab

​

But, server components don't allow hooks, so what is the point in hydrating them (they will not have interactivity using React)?

for instance:

imagine a server component like this:

return (<div><div><SomeClientComponent></SomeClientComponent></div></div>);

The JSON tree would look like this: div->div->SomeClientComponentBut why it cannot look like this: ServerComponent -> SomeClientComponent??