Example cleanup

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

@@ -7,7 +7,7 @@ import { Component, Memoized } from "effect-fc"
 import * as React from "react"
 
 
-const RouteComponent = Component.make(function* RouteComponent() {
+const RouteComponent = Component.make(Effect.fnUntraced(function* RouteComponent() {
     const [value, setValue] = React.useState("")
 
     return (
@@ -21,14 +21,14 @@ const RouteComponent = Component.make(function* RouteComponent() {
             {yield* Effect.map(MemoizedSubComponent, FC => <FC />)}
         </Flex>
     )
-}).pipe(
+})).pipe(
     Component.withRuntime(runtime.context)
 )
 
-class SubComponent extends Component.make(function* SubComponent() {
+class SubComponent extends Component.make(Effect.fnUntraced(function* SubComponent() {
     const id = yield* makeUuid4.pipe(Effect.provide(GetRandomValues.CryptoRandom))
     return <Text>{id}</Text>
-}) {}
+})) {}
 
 class MemoizedSubComponent extends Memoized.memo(SubComponent) {}