Slightly better ssr example

Author: rmarscher

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>
 }

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>
   )