QueryClient cache getting invalidated between navigation?

export const Route = createRootRouteWithContext<{
  queryClient: QueryClient;
  user: User | null;
}>()({
  component: RootComponent,
  beforeLoad: async ({ context }) => {
    await context.queryClient.prefetchQuery(userQueryOptions); // prefetch on the server to load user quickly
  },
  loader: async ({ context }) => {
    const user = await context.queryClient.ensureQueryData(userQueryOptions); // make sure auth state is resolved before first paint
    return { user };
  },
});

export const userQueryOptions = queryOptions({
  queryKey: ["user"],
  queryFn: getCurrentUser, // this is a server function that returns the current user based on cookies
  staleTime: Duration.toMillis(Duration.hours(1)),
});

export const useUser = () => useQuery(userQueryOptions);