[POC] runbot: fix useQuery

Author: Williambraecky

runbot/static/src/frontend/hooks.js

@@ -40,20 +40,32 @@ export const useQuery = (fn, depsFn) => {
 
     useEffect(
         () => {
-            const thisCounter = ++counter;
-            state.loading = true;
-            fn().catch(err => {
-                if (counter !== thisCounter) {
-                    return;
+            // Use effect's effect can't be async.
+            const exec = async () => {
+                const guard = (callback) => {
+                    if (counter !== thisCounter) {
+                        return;
+                    }
+                    callback();
                 }
-                state.error = err;
-            }).then(data => {
-                if (counter !== thisCounter) {
-                    return;
+                const thisCounter = ++counter;
+                state.loading = true;
+                try {
+                    const data = await fn();
+                    guard(() => {
+                        state.loading = false;
+                        state.error = null;
+                        state.data = data;
+                    });
+                } catch (err) {
+                    guard(() => {
+                        state.loading = false;
+                        state.error = err?.message || 'error';
+                        state.data = null;
+                    });
                 }
-                state.loading = false;
-                state.data = data;
-            });
+            }
+            exec();
         },
         depsFn,
     )

runbot/static/src/frontend/routes/bundles.js

@@ -93,7 +93,7 @@ export class Bundles extends Component {
             domain.splice(0, 0, '&');
             domain.push(...searchDomain);
         }
-        return fetch(
+        const res = await fetch(
             '/runbot/api/runbot.bundle/read', {
                 method: 'POST',
                 body: JSON.stringify({
@@ -178,7 +178,8 @@ export class Bundles extends Component {
                     }
                 })
             }
-        ).then(d => d.json())
+        )
+        return await res.json();
     }
 
     sortedCommits(commit_links) {