Slightly better ssr example

rmarscher · May 12, 2024 · e900cf8 · e900cf8
1 parent 8e09660
commit e900cf8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -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>
   )