packages/example-next/src/routes/form.tsx

@@ -1,6 +1,6 @@
 import { Button, Container, Flex, Text, TextField } from "@radix-ui/themes"
 import { createFileRoute } from "@tanstack/react-router"
-import { Effect, Schema } from "effect"
+import { Console, Effect, Schema } from "effect"
 import { Component, Form, MutationForm, View } from "effect-fc-next"
 import { runtime } from "@/runtime"
 
@@ -11,6 +11,11 @@ const RegisterSchema = Schema.Struct({
 })
 
 const RegisterRouteComponent = Component.make("RegisterRouteView")(function*() {
+    yield* Component.useOnMount(() => Effect.gen(function*() {
+        yield* Effect.addFinalizer(() => Console.log("Form route unmounted"))
+        yield* Console.log("Form route mounted")
+    }))
+
     const [form, emailField, passwordField] = yield* Component.useOnMount(() => Effect.gen(function*() {
         const form = yield* MutationForm.service({
             schema: RegisterSchema,