Working

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>