Need staletime or SSR does not work correctly

export const previewCategoriesQueryOptions = () => {
  return queryOptions({
    queryKey: ['preview-categories-offers'],
    queryFn: async () => {
      return await fetchBrowser<(Category & { offers: Offer[] })[]>({
        url: '/preview',
        method: 'GET',
      });
    },
    staleTime: 0,
    refetchOnMount: false,
    refetchOnWindowFocus: false,
  });
};

export const Route = createFileRoute('/')({
  component: RouteComponent,
  loader: async ({ context }) => {
    const categories = await context.queryClient.ensureQueryData(
      categoriesQueryOptions(),
    );

    await context.queryClient.prefetchQuery(
      previewCategoriesQueryOptions(),
    );

    return {
      categories,
    };
  },
});

function RouteComponent() {
  const { categories } = Route.useLoaderData();
  const { data: preview } = useSuspenseQuery(
    previewCategoriesQueryOptions(),
  );

  return (
    <Container>
      <Slider />
      <Categories categories={categories} />

      {preview?.map((category) => (
        <CategoryOffers key={category.id} {...category} />
      ))}
    </Container>
  );
}