From d8553e95e21524abcc729e07d57ac9a0f2621fd8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Valverd=C3=A9?= <julien.valverde@mailo.com>
Date: Sun, 12 Jan 2025 23:41:32 +0100
Subject: [PATCH] Working

---
 packages/example/src/reffuse.ts        | 3 +--
 packages/example/src/routes/__root.tsx | 8 ++++++--
 packages/example/src/routes/count.tsx  | 4 ++--
 packages/reffuse/src/Reffuse.ts        | 2 +-
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/example/src/reffuse.ts b/packages/example/src/reffuse.ts
index 1a73e66..9c41d25 100644
--- a/packages/example/src/reffuse.ts
+++ b/packages/example/src/reffuse.ts
@@ -1,5 +1,4 @@
 import { make } from "@thilawyn/reffuse/Reffuse"
-import { Layer } from "effect"
 
 
-export const Reffuse = make(Layer.empty)
+export const Reffuse = make()
diff --git a/packages/example/src/routes/__root.tsx b/packages/example/src/routes/__root.tsx
index 900d988..19fd034 100644
--- a/packages/example/src/routes/__root.tsx
+++ b/packages/example/src/routes/__root.tsx
@@ -1,6 +1,8 @@
 import { Reffuse } from "@/reffuse"
 import { createRootRoute, Link, Outlet } from "@tanstack/react-router"
 import { TanStackRouterDevtools } from "@tanstack/router-devtools"
+import { Layer } from "effect"
+import { useMemo } from "react"
 
 
 export const Route = createRootRoute({
@@ -8,9 +10,11 @@ export const Route = createRootRoute({
 })
 
 function Root() {
+    const layer = useMemo(() => Layer.empty, [])
+
     return (
-        <Reffuse.Provider>
-            <div className="container mx-auto flex-row justify-center items-center gap-2 mb-4">
+        <Reffuse.Provider layer={layer}>
+            <div className="container flex-row gap-2 justify-center items-center mx-auto mb-4">
                 <Link to="/">Index</Link>
                 <Link to="/time">Time</Link>
                 <Link to="/count">Count</Link>
diff --git a/packages/example/src/routes/count.tsx b/packages/example/src/routes/count.tsx
index f36f36a..081162b 100644
--- a/packages/example/src/routes/count.tsx
+++ b/packages/example/src/routes/count.tsx
@@ -9,7 +9,7 @@ export const Route = createFileRoute("/count")({
 
 function Count() {
 
-    const runtime = Reffuse.useRuntime()
+    const runSync = Reffuse.useRunSync()
 
     const countRef = Reffuse.useRef(0)
     const [count] = Reffuse.useRefState(countRef)
@@ -18,7 +18,7 @@ function Count() {
     return (
         <div className="container mx-auto">
             {/* <button onClick={() => setCount((count) => count + 1)}> */}
-            <button onClick={() => Ref.update(countRef, count => count + 1).pipe(runtime.runSync)}>
+            <button onClick={() => Ref.update(countRef, count => count + 1).pipe(runSync)}>
                 count is {count}
             </button>
         </div>
diff --git a/packages/reffuse/src/Reffuse.ts b/packages/reffuse/src/Reffuse.ts
index ce959b4..970f7aa 100644
--- a/packages/reffuse/src/Reffuse.ts
+++ b/packages/reffuse/src/Reffuse.ts
@@ -110,7 +110,7 @@ export class Reffuse<R> {
 }
 
 
-export const make = <R>(): Reffuse<R> =>
+export const make = <R = never>(): Reffuse<R> =>
     new Reffuse(Runtime.make({
         context: Context.empty(),
         runtimeFlags: RuntimeFlags.make(),