From e900cf8fee90eda95f3a4068717d9a5d18f3b847 Mon Sep 17 00:00:00 2001
From: Rob Marscher <rob@robmarscher.com>
Date: Fri, 5 Jan 2024 17:48:40 -0500
Subject: [PATCH] Slightly better ssr example

---
 apps/next/app/ssr/page.tsx   | 3 ++-
 apps/next/app/ssr/screen.tsx | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/next/app/ssr/page.tsx b/apps/next/app/ssr/page.tsx
index f527a23b3..ba75c0d32 100644
--- a/apps/next/app/ssr/page.tsx
+++ b/apps/next/app/ssr/page.tsx
@@ -3,5 +3,6 @@ import { SSRTestScreen } from './screen'
 export const runtime = 'edge'
 
 export default function Page() {
-  return <SSRTestScreen></SSRTestScreen>
+  const content = 'This page is rendered on the edge. It is not statically rendered.'
+  return <SSRTestScreen content={content}></SSRTestScreen>
 }
diff --git a/apps/next/app/ssr/screen.tsx b/apps/next/app/ssr/screen.tsx
index 5391a2b06..14800c462 100644
--- a/apps/next/app/ssr/screen.tsx
+++ b/apps/next/app/ssr/screen.tsx
@@ -2,11 +2,11 @@
 
 import { Paragraph, YStack } from '@t4/ui'
 
-export function SSRTestScreen() {
+export function SSRTestScreen(props: { content: string }) {
   return (
     <YStack flex={1}>
       <Paragraph role='heading'>
-        This page is rendered on the edge. It is not statically rendered.
+        {props.content}
       </Paragraph>
     </YStack>
   )