Issue with fetching/caching data from Sanity.io in Next.js app deployed on Vercel.

import { createClient } from "next-sanity";

const projectId = process.env.NEXT_PUBLIC_SANITY_PROJECT_ID;
const dataset = process.env.NEXT_PUBLIC_SANITY_DATASET;
const apiVersion = process.env.NEXT_PUBLIC_SANITY_API_VERSION;

export const client = createClient({
  projectId,
  dataset,
  apiVersion,
  useCdn: true,
  perspective: "published",
});

export async function sanityFetch<QueryResponse>({
  query,
}: {
  query: string;
}): Promise<QueryResponse> {
  return client.fetch<QueryResponse>(query, {
    next: { revalidate: 10 },
  });
} 

export async function generateMetadata(): Promise<Metadata> {
  const layoutMetadata = await sanityFetch<TYPEMetadata>({
    query: META_QUERY,
  });

  const metadata = layoutMetadata.meta;

  return {
    title: metadata.title,
  };
}