Cleanup

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

@@ -3,7 +3,7 @@ import { Flex, Text, TextField } from "@radix-ui/themes"
 import { createFileRoute } from "@tanstack/react-router"
 import { GetRandomValues, makeUuid4 } from "@typed/id"
 import { Effect } from "effect"
-import { Component, Memoized, Suspense } from "effect-fc"
+import { Component, Memoized } from "effect-fc"
 import * as React from "react"
 
 
@@ -28,17 +28,12 @@ const RouteComponent = Component.make(function* RouteComponent() {
     Component.withRuntime(runtime.context)
 )
 
-class SubComponent extends Component.make(function* SubComponent(props: { readonly value?: string }) {
+class SubComponent extends Component.make(function* SubComponent() {
     const id = yield* makeUuid4.pipe(Effect.provide(GetRandomValues.CryptoRandom))
     return <Text>{id}</Text>
 }) {}
 
-class MemoizedSubComponent extends SubComponent.pipe(
-    Memoized.memo,
-    Suspense.suspense,
-    Memoized.memo,
-) {}
-type T = typeof MemoizedSubComponent extends Memoized.Memoized<infer P> ? P : never
+class MemoizedSubComponent extends Memoized.memo(SubComponent) {}
 
 export const Route = createFileRoute("/dev/memo")({
     component: RouteComponent,