useRefFromEffect

packages/example/src/routes/time.tsx

@@ -1,7 +1,6 @@
 import { Reffuse } from "@/reffuse"
 import { createFileRoute } from "@tanstack/react-router"
-import { Console, DateTime, Effect, Ref, Schedule, Stream, SubscriptionRef } from "effect"
-import { useMemo } from "react"
+import { Console, DateTime, Effect, Ref, Schedule, Stream } from "effect"
 
 
 const timeEverySecond = Stream.repeatEffectWithSchedule(
@@ -16,13 +15,7 @@ export const Route = createFileRoute("/time")({
 
 function Time() {
 
-    const runtime = Reffuse.useRuntime()
-
-    const timeRef = useMemo(() => DateTime.now.pipe(
-        Effect.flatMap(SubscriptionRef.make),
-        runtime.runSync,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    ), [])
+    const timeRef = Reffuse.useRefFromEffect(DateTime.now)
 
     Reffuse.useFork(Effect.addFinalizer(() => Console.log("Cleanup")).pipe(
         Effect.flatMap(() =>