diff --git a/packages/example/src/routes/index.tsx b/packages/example/src/routes/index.tsx
index dd691a2..71b68bf 100644
--- a/packages/example/src/routes/index.tsx
+++ b/packages/example/src/routes/index.tsx
@@ -6,11 +6,13 @@ import { Effect } from "effect"
 import { Component, Hook } from "effect-fc"
 
 
+const TodosStateLive = TodosState.Default("todos")
+
 export const Route = createFileRoute("/")({
     component: Component.make(function* Index() {
         return yield* Effect.provide(
             Component.use(Todos, Todos => <Todos />),
-            yield* Hook.useMemoLayer(TodosState.Default("todos")),
+            yield* Hook.useMemoLayer(TodosStateLive),
         )
     }, {
         finalizerExecutionMode: "fork"