packages/example/src/main.tsx

@@ -26,11 +26,11 @@ declare module "@tanstack/react-router" {
 
 
 createRoot(document.getElementById("root")!).render(
-    // <StrictMode>
+    <StrictMode>
         <ReffuseRuntime.Provider>
             <GlobalContext.Provider layer={layer}>
                 <RouterProvider router={router} />
             </GlobalContext.Provider>
         </ReffuseRuntime.Provider>
-    // </StrictMode>
+    </StrictMode>
 )

packages/example/src/routes/__root.tsx

@@ -20,6 +20,7 @@ function Root() {
                     <Link to="/count">Count</Link>
                     <Link to="/tests">Tests</Link>
                     <Link to="/promise">Promise</Link>
+                    <Link to="/query">Query</Link>
                     <Link to="/blank">Blank</Link>
                 </Flex>
             </Container>

packages/example/src/routes/query.tsx

@@ -3,7 +3,7 @@ import { HttpClient } from "@effect/platform"
 import { Button, Container, Flex, Text } from "@radix-ui/themes"
 import { createFileRoute } from "@tanstack/react-router"
 import * as AsyncData from "@typed/async-data"
-import { Effect, Schema } from "effect"
+import { Console, Effect, Schema } from "effect"
 
 
 export const Route = createFileRoute("/query")({
@@ -17,11 +17,12 @@ function RouteComponent() {
     const runSync = R.useRunSync()
 
     const { state, refresh } = R.useQuery({
-        effect: () => HttpClient.get("https://www.uuidtools.com/api/generate/v4").pipe(
+        effect: () => Console.log("Querying...").pipe(
+            Effect.andThen(Effect.sleep("500 millis")),
+            Effect.andThen(HttpClient.get("https://www.uuidtools.com/api/generate/v4")),
             HttpClient.withTracerPropagation(false),
             Effect.flatMap(res => res.json),
             Effect.flatMap(Schema.decodeUnknown(Result)),
-            Effect.delay("500 millis"),
             Effect.scoped,
         ),
         deps: [],