Can't use functions on nested queries in JS code

💬 Queries and Resources
1

  • Goal: Trying to trigger one query after the other in retool.

  • Steps: Refreshed the page. Repeat and trigger again.

  • Details: I have multiple functions nested inside my JS Code Query. I have a modal that pops up after pressing the button aswell as JS Code Query to Run. Within this query, I am referencing other queries to run after the success of the previous one. The problem I am facing is that sometimes the first referenced query will work and be successful, but the second query (that runs on the success of the first) won't run. I have to re-press the button and then it works.

  • Screenshots:
    You can see in the screenshots below the modal that pops up that has the query.isfetching status.

When everything works as expected, vehicle details are true first, then vehicle's cleaning show is true as shown:

image
image1125×606 18.7 KB

image
image975×427 78.3 KB

But when things don't work:

image
image975×430 77 KB

It gets stuck and the modal is stuck and doesn't close.
In my JS Code query, I have the modal close on failure and success, so what is the issue with this one?

2

does it still do this if you await lines 11 and 15 (maybe line 5 also)? .trigger() returns a promise. at the end of your JS retool automatically calls promise.all() which will resolve single promises and arrays of promises, but i'm not sure if it'll also resolve the nested (or returned) promise which might explain what's going on.... hopefully?