Example work

packages/example/src/routes/index.tsx

@@ -1,10 +1,20 @@
+import { runtime } from "@/runtime"
 import { createFileRoute } from "@tanstack/react-router"
+import { Effect, pipe } from "effect"
+import { ReactComponent } from "effect-fc"
 
 
-export const Route = createFileRoute('/')({
+const RouteComponent = pipe(
+    Effect.fn(function*() {
+        yield* Effect.succeed("ouient")
+        return <div>Hello "/"!</div>
+    }),
+
+    ReactComponent.withDisplayName("Index"),
+    ReactComponent.withRuntime(runtime.context),
+)
+
+
+export const Route = createFileRoute("/")({
     component: RouteComponent
 })
-
-function RouteComponent() {
-    return <div>Hello "/"!</div>
-}