A small Server-Component pattern that wraps tab content with a license-tier gate. Replaces a 24-line if/if/return block we had duplicated across nine pages with a single 100-line component. Here is the shape, the trade-offs, and why we ended up with two modes instead of one. If you build a SaaS dashboard with multiple subscription tiers, you have written this code. if ( ! license . hasLicense ) { return < SubscribeCta /> ; } if ( ! license . isPro ) { return < UpgradeCta /> ; } return < ActualTabContent /> ; Enter fullscreen mode Exit fullscreen mode That is fine for one page. By the time you have nine — three tabs across three sub-products — it is a problem. The branches drift. The CTA labels go out of sync. Free vs Pro logic gets re-implemented slightly differently. This post is about the small React Server Component we made to fix that. Nothing fancy. Two props. Worth writing down. The naive version Start with the obvious.…