feat(useQuery): rewrite to use auto-tracked state to improve performance

sheinsight · Aug 15, 2024 · 72adce9 · 72adce9
1 parent 972264a
commit 72adce9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/use-query/demo.tsx b/src/use-query/demo.tsx
@@ -22,11 +22,13 @@ export function App() {
 function Demo1() {
   const [count, actions] = useCounter(0)
   const { run, data, loading, error } = useQuery(wait, { refreshDependencies: [count] })
+
   return (
     <>
       <KeyValue label="Data" value={error ? 'Error!' : loading ? 'Loading...' : data ?? 'Not loaded'} />
       <Zone>
-        <Button mono disabled={loading} onClick={() => run()}>
+        {data}
+        <Button mono onClick={() => run()}>
           run()
         </Button>
         <Button mono onClick={() => actions.inc()}>

diff --git a/src/use-query/index.tsx b/src/use-query/index.tsx
@@ -189,12 +189,12 @@ export function useQuery<T extends AnyFunc, D = Awaited<ReturnType<T>>, E = any>
 
   const service = useLoadingSlowFn<T, D, E>(
     useRetryFn<T, E>(
-      (async (...args) => {
+      ((...args) => {
         const prePromise = cacheActions.getPromiseCache()
         if (prePromise) return prePromise
         const promise = latest.current.fetcher(...args)
         cacheActions.setPromiseCache(promise)
-        return await promise
+        return promise
       }) as T,
       {
         count: options.errorRetryCount,