diff --git a/packages/example/src/routes/index.tsx b/packages/example/src/routes/index.tsx
index 82c5e35..ea8bc2e 100644
--- a/packages/example/src/routes/index.tsx
+++ b/packages/example/src/routes/index.tsx
@@ -11,10 +11,9 @@ const TodosStateLive = TodosState.Default("todos")
 
 const Index = Component.makeUntraced(function* Index() {
     const context = yield* useContext(TodosStateLive, { finalizerExecutionMode: "fork" })
-    return yield* Todos.pipe(
-        Effect.map(F => <F />),
-        Effect.provide(context),
-    )
+    const TodosFC = yield* Effect.provide(Todos, context)
+
+    return <TodosFC />
 }).pipe(
     Component.withRuntime(runtime.context)
 )