packages/example/src/todo/Todos.tsx

@@ -1,5 +1,5 @@
 import { Container, Flex, Heading } from "@radix-ui/themes"
-import { Chunk } from "effect"
+import { Chunk, Console, Effect } from "effect"
 import { Component, Hook } from "effect-fc"
 import { Todo } from "./Todo"
 import { TodosState } from "./TodosState.service"
@@ -9,6 +9,11 @@ export const Todos = Component.make(function* Todos() {
     const state = yield* TodosState
     const [todos] = yield* Hook.useSubscribeRefs(state.ref)
 
+    yield* Hook.useOnce(() => Effect.andThen(
+        Console.log("Todos mounted"),
+        Effect.addFinalizer(() => Console.log("Todos unmounted")),
+    ))
+
     const VTodo = yield* Component.useFC(Todo)
 
     return (