Refactoring

packages/example/src/routes/dev/memo.tsx

@@ -28,12 +28,17 @@ const RouteComponent = Component.make(function* RouteComponent() {
     Component.withRuntime(runtime.context)
 )
 
-const SubComponent = Component.make(function* SubComponent() {
+const SubComponent = Component.make(function* SubComponent(props: { readonly value?: string }) {
     const id = yield* makeUuid4.pipe(Effect.provide(GetRandomValues.CryptoRandom))
     return <Text>{id}</Text>
 })
 
-const MemoizedSubComponent = Component.memo(SubComponent)
+const MemoizedSubComponent = SubComponent.pipe(
+    Component.memo,
+    Component.suspense,
+    Component.memo,
+)
+type T = typeof MemoizedSubComponent extends Component.Memoized<infer P> ? P : never
 
 export const Route = createFileRoute("/dev/memo")({
     component: RouteComponent,