Query work

packages/extension-query/src/QueryExtension.ts

@@ -7,8 +7,8 @@ import * as QueryRunner from "./QueryRunner.js"
 
 
 export interface UseQueryProps<A, E, R> {
-    effect: () => Effect.Effect<A, E, R>
-    readonly deps: React.DependencyList
+    readonly query: () => Effect.Effect<A, E, R>
+    readonly key: React.DependencyList
 }
 
 export interface UseQueryResult<A, E> {
@@ -22,12 +22,14 @@ export const QueryExtension = ReffuseExtension.make(() => ({
         this: ReffuseHelpers.ReffuseHelpers<R>,
         props: UseQueryProps<A, E, R>,
     ): UseQueryResult<A, E> {
-        const runner = this.useMemo(() => QueryRunner.make(props.effect()), [])
+        const runner = this.useMemo(() => QueryRunner.make({
+            query: props.query()
+        }), [])
 
         this.useEffect(() => Effect.addFinalizer(() => runner.forkInterrupt).pipe(
-            Effect.andThen(Ref.set(runner.queryRef, props.effect())),
+            Effect.andThen(Ref.set(runner.queryRef, props.query())),
             Effect.andThen(runner.forkFetch),
-        ), [runner, ...props.deps])
+        ), [runner, ...props.key])
 
         this.useFork(() => Stream.runForEach(
             BrowserStream.fromEventListenerWindow("focus"),