Example cleanup

packages/example/src/todo/Todo.tsx

@@ -25,7 +25,7 @@ export type TodoProps = (
     | { readonly _tag: "edit", readonly index: number }
 )
 
-export class Todo extends Component.make(function* Todo(props: TodoProps) {
+export class Todo extends Component.make(Effect.fnUntraced(function* Todo(props: TodoProps) {
     const runtime = yield* Effect.runtime()
     const state = yield* TodosState
 
@@ -122,6 +122,6 @@ export class Todo extends Component.make(function* Todo(props: TodoProps) {
             }
         </Flex>
     )
-}).pipe(
+})).pipe(
     Memoized.memo
 ) {}

packages/example/src/todo/Todos.tsx

@@ -6,7 +6,7 @@ import { Todo } from "./Todo"
 import { TodosState } from "./TodosState.service"
 
 
-export class Todos extends Component.make(function* Todos() {
+export class Todos extends Component.make(Effect.fnUntraced(function* Todos() {
     const state = yield* TodosState
     const [todos] = yield* Hooks.useSubscribeRefs(state.ref)
 
@@ -30,4 +30,4 @@ export class Todos extends Component.make(function* Todos() {
             </Flex>
         </Container>
     )
-}) {}
+})) {}