جاوااسکریپت - دریافت خطای fetch هنگام استقرار برنامه Nextjs/TS در Vercel

وقتی سعی میکنم یک اپلیکیشن با استفاده از Nextjs/TS/Sanity روی Vercel مستقر کنم، این خطا را دریافت میکنم

18:39:44.458] Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
[18:39:44.458] TypeError: fetch failed
[18:39:44.458]     at Object.fetch (node:internal/deps/undici/undici:14062:11)
[18:39:44.459]     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
[18:39:44.459]     at async fetchPageInfo (/vercel/path0/.next/server/pages/index.js:1176:17)
[18:39:44.459]     at async getStaticProps (/vercel/path0/.next/server/pages/index.js:1037:22)
[18:39:44.460]     at async renderToHTML (/vercel/path0/node_modules/next/dist/server/render.js:389:20)
[18:39:44.460]     at async /vercel/path0/node_modules/next/dist/export/worker.js:354:36
[18:39:44.460]     at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/trace/trace.js:79:20)
[18:39:44.461] info  - Generating static pages (3/3)
[18:39:44.464] 
[18:39:44.464] > Build error occurred
[18:39:44.465] Error: Export encountered errors on following paths:
[18:39:44.466]  /
[18:39:44.466]     at /vercel/path0/node_modules/next/dist/export/index.js:425:19
[18:39:44.466]     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
[18:39:44.466]     at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/trace/trace.js:79:20)
[18:39:44.466]     at async /vercel/path0/node_modules/next/dist/build/index.js:1422:21
[18:39:44.467]     at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/trace/trace.js:79:20)
[18:39:44.467]     at async /vercel/path0/node_modules/next/dist/build/index.js:1280:17
[18:39:44.467]     at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/trace/trace.js:79:20)
[18:39:44.467]     at async Object.build [as default] (/vercel/path0/node_modules/next/dist/build/index.js:73:29)
[18:39:44.517] Error: Command "npm run build" exited with 1

این خطا از این ناشی میشود:

export const  fetchPageInfo   = async () => {
    const res = await fetch (`${process.env.NEXT_PUBLIC_BASE_URL}/api/getPageInfo`)

    process

    const data = await res.json()

    const pageInfo: PageInfo = data.pageInfo
    
    //console.log(pageInfo)

    return pageInfo

}

وقتی آن را به صورت محلی اجرا میکنم، هیچ مشکلی وجود ندارد، مقدار این متغیر NEXT_PUBLIC_BASE_URL برابر با https://localhost:3000 است، بنابراین فکر کردم، البته که در طول فرآیند ساخت کار نخواهد کرد، چون در تلاش است اطلاعات را از آن URL دریافت کند.

پس با یک آزمون و خطای بسیار ساده، برنامه را بدون همه پرس و جوها و کامپوننتهایی که از آن دادهها استفاده میکنند، مستقر کردم و کار کرد، حتی نقاط پایانی API را هم امتحان کردم و آنها نیز کار کردند. سپس برنامه را با افزودن همه پرس و جوها و کامپوننتها دوباره بهروزرسانی کردم، اما با مقدار NEXT_PUBLIC_BASE_URL که URL برنامه مستقر شده بود، حتی وقتی سعی کردم یک نمونه دیگر از برنامه را مستقر کنم، همچنان با همان خطا روبرو میشدم.