diff --git a/packages/example/src/todo/Todos.tsx b/packages/example/src/todo/Todos.tsx
index 3ae09f6..8c52104 100644
--- a/packages/example/src/todo/Todos.tsx
+++ b/packages/example/src/todo/Todos.tsx
@@ -12,20 +12,19 @@ export const Todos = pipe(
         const state = yield* TodosState
         const [todos] = yield* ReactHook.useSubscribeRefs(state.ref)
 
+        const VTodosItem = yield* ReactComponent.useFC(TodosItem)
+        const VTodo = yield* ReactComponent.useFC(Todo)
+
         return (
             <Container>
                 <Heading align="center">Todos</Heading>
 
                 <Flex direction="column" align="stretch" gap="2" mt="2">
-                    {yield* ReactComponent.use(Todo, Todo =>
-                        <Todo _tag="new" />
-                    )}
+                    <VTodo _tag="new" />
 
-                    {yield* Effect.all(Chunk.map(todos, (v, k) =>
-                        ReactComponent.use(TodosItem, TodosItem =>
-                            <TodosItem key={v.id} index={k} />
-                        )
-                    ))}
+                    {Chunk.map(todos, (v, k) =>
+                        <VTodosItem key={v.id} index={k} />
+                    )}
                 </Flex>
             </Container>
         )