Application error: a client-side exception has occurred

[cursive cliff]

After adding a collection through the admin panel and associating a couple of products in this collection, my storefront(nextjs-starter-medusa) appears with a link to this collection as expected, but clicking on the link to this collection gets me the following error:

Application error: a client-side exception has occurred (see the browser console for more information).
Digest: 2026204822

Browser console error:

Error: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.

I'm using nextjs-starter-medusa version 1.0.3, I'll add more information if needed, thanks in advance!

[elfin schooner]

Change to dev mode to see the error

[cursive cliff]

Thanks for your time~

Initially, I deployed the Next.js Starter directly to Vercel via the "Deploy" button in this document, then cloned it locally, just replaced the images and text and integrated Algolia Search and Paypal according to the document, committed the changes directly, and all was well.

Till I created a collection, I ran into the above error.

Per your suggestion, running locally in "dev" mode, I tested that the link to the newly created collection opens fine.

But the same storefront deployed on Vercel encountered the above error.

I tried to redeploy a new Next.js starter on Vercel without any modifications, the result is the same.