Debugging issue with using Sanity with Nextjs app router

export default async function Page({ params }: { params: { slug: string } }) {
    const posts = await cmsClient.fetch<Banner[]>(`*[_type=="bannerDe"]`)
    try {
        const banner = await cmsClient.getDocument<Banner>("d13c0b40-b3e1-443a-a21f-a6bdbe128e6e");
        console.log(`banner `, banner);
    } catch (e) {
        console.error('error', e);
    }
    console.log(`posts `, posts);
...
}

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 || '2023-05-03'

console.log(`${projectId} ${dataset}`);
export const cmsClient = createClient({
    projectId,
    dataset,
    apiVersion, // TODO <https://www.sanity.io/docs/api-versioning>
    useCdn: false, // TODO if you're using ISR or only static generation at build time then you can set this to `false` to guarantee no stale content
});