fix: issue with sync hydrate from parent (#27)

marko-js · Nov 27, 2024 · 12cb169 · 12cb169
1 parent 03554f9
commit 12cb169
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/src/node_modules/@internal/gql-query/browser.marko b/src/node_modules/@internal/gql-query/browser.marko
@@ -1,5 +1,10 @@
 import { readyLookup } from "@internal/client";
 
+$ const id = component.elId("@gqlc");
+$ if (!component.ready && readyLookup[id]) {
+  component.ready = true;
+  readyLookup[id]();
+}
 <div key="root" no-update-if(!component.ready)>
   $ component.ready = true;
   <gql-query-client
@@ -14,7 +19,6 @@ import { readyLookup } from "@internal/client";
   />
 </div>
 $ if (!component.ready) {
-  const id = component.elId("@gqlc");
   readyLookup[id] = () => {
     delete readyLookup[id];
     component.ready = true;

diff --git a/src/node_modules/@internal/gql-query/components/gql-query-client/index.marko b/src/node_modules/@internal/gql-query/components/gql-query-client/index.marko
@@ -19,18 +19,15 @@ class {
         }
       } else if (input.opKey) {
         this.setInput(input);
-        const hydrate = (ready) => {
-          hydrateQuery(input.opKey, data, error, input.name);
-          ready();
-        }
 
         if (readyLookup[this.id]) {
-          hydrate(readyLookup[this.id]);
+          hydrateQuery(input.opKey, data, error, input.name);
+          readyLookup[this.id]();
         } else {
-          Object.defineProperty(readyLookup, this.id, {
-            configurable: true,
-            set: hydrate
-          });
+          readyLookup[this.id] = () => {
+            delete readyLookup[this.id];
+            hydrateQuery(input.opKey, data, error, input.name);
+          }
         }
       }
     }