ensureQueryData in loader

export function createRouter() {
  const queryClient = new QueryClient();

  const router = routerWithQueryClient(
    createTanStackRouter({
      routeTree,
      context: {
        queryClient,
      },
      scrollRestoration: true,
      defaultPreload: "intent",
    }),
    queryClient,
  );

  return router;
}

export const Route = createFileRoute("/_authed/projects/$projectId/")({
  component: RouteComponent,
  loader: async ({ context, params }) => {
    await context.queryClient.ensureQueryData(
      projectQueryOptions(params.projectId),
    );
  },
});

export const projectQueryOptions = (projectId: string) =>
  queryOptions({
    queryKey: ["projects", projectId],
    queryFn: async ({ signal }) => {
      const res = await client.api.projects[":projectId"].$get(
        {
          param: {
            projectId,
          },
        },
        {
          init: {
            signal,
          },
        },
      );
      return await res.json();
    },
  });