Tanstack router looses types in loader

export const Route = createFileRoute(
  "/_app/freelance/my-applications/_layout/$applicationId",
)({
  component: RouteComponent,
  loader: async ({
    context,
    params,
  }: {
    context: { queryClient: QueryClient };
    params: { applicationId: Id<"applications"> };
    }): Promise<{
      application: Application;
      job: Job;
    }> => {
    const result = await context.queryClient.ensureQueryData(
      convexQuery(api.app.applications.getApplication, {
        applicationId: params.applicationId,
      }),
    );
    if (!result?.application) {
      throw new Error(
        `Application with ID "${params.applicationId}" not found.`,
      );
    }
    return result;
  },
});

function RouteComponent() {
  const data = Route.useLoaderData();

  return (
    <div>
      <h1>Page</h1>
    </div>
  );
}

export const Route = createFileRoute(
  "/_app/freelance/my-applications/_layout/$applicationId",
)({
  component: RouteComponent,
  loader: async ({
    context,
    params,
  }: {
    context: { queryClient: QueryClient };
    params: { applicationId: Id<"applications"> };
    }): Promise<{
      application: Application;
      job: Job;
    }> => {
    const result = await context.queryClient.ensureQueryData(
      convexQuery(api.app.applications.getApplication, {
        applicationId: params.applicationId,
      }),
    );
    if (!result?.application) {
      throw new Error(
        `Application with ID "${params.applicationId}" not found.`,
      );
    }
    return result;
  },
});

function RouteComponent() {
  const data = Route.useLoaderData();

  return (
    <div>
      <h1>Page</h1>
    </div>
  );
}