Working service query

packages/example/src/routes/query/service.tsx

@@ -1,8 +1,9 @@
 import { QueryContext } from "@/query/reffuse"
 import { Uuid4Query } from "@/query/services"
+import { Uuid4QueryService } from "@/query/views/Uuid4QueryService"
 import { R } from "@/reffuse"
 import { createFileRoute } from "@tanstack/react-router"
-import { Effect, Layer } from "effect"
+import { Layer } from "effect"
 import { useMemo } from "react"
 
 
@@ -11,16 +12,16 @@ export const Route = createFileRoute("/query/service")({
 })
 
 function RouteComponent() {
-    const context = R.useContext()
+    const context = R.useLayer()
 
     const layer = useMemo(() => Layer.empty.pipe(
         Layer.provideMerge(Uuid4Query.Uuid4QueryLive),
-        Layer.provide(context)
-    ), [])
+        Layer.provide(context),
+    ), [context])
 
     return (
         <QueryContext.Provider layer={layer}>
-
+            <Uuid4QueryService />
         </QueryContext.Provider>
     )
 }