Recommended pattern when a child route's load function depends on result of its parent load function

[johannbm]

First of all, awesome package. I love it!

I have a parent route that fetches som data with tanstack-query. That pattern works nicely with beforeLoad.

export const sakRoute = new Route({
  getParentRoute: () => rootRoute,
  path: "saksnummer/$sakId",
  beforeLoad: ({ params: { sakId } }) => {
    const getSakQueryOptions = {
      queryKey: getSak.queryKey(sakId),
      queryFn: () => getSak.queryFn(sakId),
    };

    return { getSakQueryOptions };
  },
  load: async ({ context: { queryClient, getSakQueryOptions } }) => {
    await queryClient.ensureQueryData(getSakQueryOptions);
  },
  component: SakPage,
});

However, this route has a child-route whose query depends on a value from the getSakQuery result

export const brevvelgerRoute = new Route({
  getParentRoute: () => sakRoute,
  path: "brevvelger",
  load: async ({ context: { queryClient, getSakQueryOptions } }) => {
    const { sakType } = await queryClient.ensureQueryData(getSakQueryOptions);

    const getLetterTemplateQuery = {
      queryKey: getLetterTemplate.queryKey(sakType),
      queryFn: () => getLetterTemplate.queryFn(sakType),
    };

    await queryClient.ensureQueryData(getLetterTemplateQuery);
  },
  component: BrevvelgerPage,
});

I have solved this by duplicating ensureQuery to get hold of sakType from parents load function. This works, but it is cumbersome. I kind of bet there is a good pattern for this case, but I cannot seem to find it. It would be nice to be able to also add getLetterTemplateQuery to the routeContext, but using beforeLoad on brevvelgerRoute is ran before the data is available

Any help is much appreciated 🙏