Join live – Get insights, tips, + Q&A from Sanity developers on our latest releases

How to execute a dynamic query in deskStructure every time in

2 replies
Last updated: Oct 27, 2023
In the deskStructure, I have a `S.documentList('page').title('All Pages').filter(
_type == 'page' && ${dynamicQuery()}
)` The
call could change the query each time.
Is there any way to get the deskStructure to execute it every time, rather than caching ahead of time and running the same query? I can see that having in
executes every time, it'd be great if I could pipe that into the documentList. I'm trying to avoid a hacky solution that uses listenQuery and just ignores the response so that
gets executed every time.
Oct 27, 2023, 12:50 PM
I've managed to find a way through creating an Observable, but it'd be great to know if there's a better way:

.child(new Observable((subscriber) => {
            }).pipe(map((groqQuery) => {
                return S.documentList('page')
                  .title('All Pages')
                  .filter(`_type == "page" && ${groqQuery}`)

Oct 27, 2023, 1:42 PM
I've actually created an elegant solution from this. abstracting the Observable away from here, creating a wrapper `getDynamicQuery((query) => S.documentList('page').filter(
_type == 'page' ${query}
)` .
In my case, the dynamic query is based off of localStorage. So in
I create an
and the
to an array. Then, there's a global
window.addEventListener('storage', event => { ... })
that loops through the callback array and calls
with the query based off of the updated storage value.
All open tabs then update when the value is changed, so there are no inconsistencies or confusing behaviour.
Oct 27, 2023, 4:12 PM

Sanity– build remarkable experiences at scale

Sanity is a modern headless CMS that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Was this answer helpful?

Categorized in