packages/example/src/main.tsx

@@ -1,9 +1,10 @@
 import { createRouter, RouterProvider } from "@tanstack/react-router"
+import { ReffuseRuntime } from "@thilawyn/reffuse"
 import { Layer } from "effect"
 import { StrictMode } from "react"
 import { createRoot } from "react-dom/client"
 import "./index.css"
-import { Reffuse } from "./reffuse"
+import { GlobalContext } from "./reffuse"
 import { routeTree } from "./routeTree.gen"
 import { FetchData } from "./services"
 
@@ -23,8 +24,10 @@ declare module "@tanstack/react-router" {
 
 createRoot(document.getElementById("root")!).render(
     <StrictMode>
-        <Reffuse.Provider layer={layer}>
+        <ReffuseRuntime.Provider>
+            <GlobalContext.Provider layer={layer}>
                 <RouterProvider router={router} />
-        </Reffuse.Provider>
+            </GlobalContext.Provider>
+        </ReffuseRuntime.Provider>
     </StrictMode>
 )

packages/example/src/reffuse.ts

@@ -1,5 +1,7 @@
+import { ReffuseContext } from "@thilawyn/reffuse"
 import { make } from "@thilawyn/reffuse/Reffuse"
 import { FetchData } from "./services"
 
 
-export const Reffuse = make<FetchData.FetchData>()
+export const GlobalContext = ReffuseContext.make<FetchData.FetchData>()
+export const Reffuse = make([GlobalContext])

packages/example/src/views/posts/reffuse.ts

@@ -1,5 +1,8 @@
-import { Reffuse as RootReffuse } from "@/reffuse"
+import { GlobalContext } from "@/reffuse"
+import { ReffuseContext } from "@thilawyn/reffuse"
+import { make } from "@thilawyn/reffuse/Reffuse"
 import { PostsState } from "./services"
 
 
-export const Reffuse = RootReffuse.extend<PostsState.PostsState>()
+export const PostsContext = ReffuseContext.make<PostsState.PostsState>()
+export const Reffuse = make([GlobalContext, PostsContext])