QueryObserverResult not working

[avs2001]

i have this code:

const options = (field = 'email', direction = 'asc') => queryOptions({
  queryKey: ['test', field, direction] as const,
  queryFn: () => {
    return inject(UserService).users({
      OrderBy: field,
      Direction: direction,
      PageSize: 2
    }).pipe(
      map((res) => [...res.result])
    );
  }
});


 #query = injectQuery();
  u = this.#query(options());
  result = this.u.result$;

  ngOnInit(): void {
    this.result.subscribe(console.log);
  }

i update the query params like this:

async td(field: string, direction: string) {
    const opt = options(field, direction);
    this.u.updateOptions({
      ...opt
    });
  }

i am using sorting feature from material.
The problem is that when the data is taken from the cache, this.u.result$ is not fired.

[luii]

Could you provide a stackblitz for the snippets you gave us above, this would greatly help to find your problem.
This is only a wild guess but i think that, setting listeners to false here is then not batch calling the underlying notifymanager that pushes out these updates. Or in more simple terms: setting it to false makes it not notify and refetch/use the cache, thus you not receiving any updates.

query/query/src/lib/base-query.ts

Line 177 in b0d39bb

queryObserver.setOptions(normalized, { listeners: false });

[luii]

What would be interesting to know: @NetanelBasal should the query, upon calling setOptions, return a cached/new result (depending on the settings) or is setOptions only to set the options and nothing more? If the latter is the case then invalidating/refetching is the right course.

[avs2001]

here is the code: https://stackblitz.com/edit/stackblitz-starters-htu1kw?file=src%2Fmain.ts