`not-found.tsx` fails to load in Vercel deployment only

[dovkoy]

Bug
When navigating to any 404 route in a Vercel deployment of this template, the not-found.tsx component flashes and the page goes blank. There are no error/warning logs server-side.

A couple errors are surfaced in the browser (note the rendered "not found" component is received, however):

Reproducing

• Navigate to any 404 route in a Vercel deployment from this template. For example: https://next-saas-start.vercel.app/fakeroute
• Confirmed on Chrome for desktop and iOS.
• Does not occur locally, even with npm run build and npm run start

[dovkoy]

@leerob Any ideas?

[sujal12344]

I would like to contribute here. Can you please assign me. I'll debug and fix error if exist @dovkoy @slavingia?

[dovkoy]

I would like to contribute here. Can you please assign me. I'll debug and fix error if exist @dovkoy @slavingia?

Thank you, @sujal12344. Feel free to open a PR and link this issue, I'll look forward to it.

[sujal12344]

Can you assign it please, since I want this issue for my college open source project, so I'll contribute and showcase there

[dovkoy]

Can you assign it please, since I want this issue for my college open source project, so I'll contribute and showcase there

Unfortunately, I just reported the bug, and don't have permissions to assign the issue or escalate it further. Perhaps it's still helpful for you to contribute a PR and mention this issue in the PR description. Much luck on your project!