Working useQuery

packages/example/src/routes/query.tsx

@@ -0,0 +1,40 @@
+import { R } from "@/reffuse"
+import { HttpClient } from "@effect/platform"
+import { Container, Text } from "@radix-ui/themes"
+import { createFileRoute } from "@tanstack/react-router"
+import * as AsyncData from "@typed/async-data"
+import { Effect, Schema } from "effect"
+
+
+export const Route = createFileRoute("/query")({
+    component: RouteComponent
+})
+
+
+const Result = Schema.Tuple(Schema.String)
+
+function RouteComponent() {
+    const { state } = R.useQuery({
+        effect: () => HttpClient.get("https://www.uuidtools.com/api/generate/v4").pipe(
+            HttpClient.withTracerPropagation(false),
+            Effect.flatMap(res => res.json),
+            Effect.flatMap(Schema.decodeUnknown(Result)),
+        ),
+        deps: [],
+    })
+
+    return (
+        <Container>
+            <Text>
+                {AsyncData.match(state, {
+                    NoData: () => "No data yet",
+                    Loading: () => "Loading...",
+                    Success: (value, { isRefreshing, isOptimistic }) =>
+                        `Value: ${value} ${isRefreshing ? "(refreshing)" : ""} ${isOptimistic ? "(optimistic)" : ""}`,
+                    Failure: (cause, { isRefreshing }) =>
+                        `Error: ${cause} ${isRefreshing ? "(refreshing)" : ""}`,
+                })}
+            </Text>
+        </Container>
+    )
+}