How to Decouple Data Flows in React

In React, when the state update, you want to re-render the tree. And this is especially a problem if this component just does some prop plumbing. So what server components forces you to do is to decouple these two data flows. You have the server data flow that is only the data that's needed by the server. It flows down on the server. Then you have the client logic that responds to state changes in real time. That takes like a while to adjust your mental model to for sure.