Hello all,

I am having some issues while building a page in nextjs. Basically I have an orders page where I list all orders each in Link component and when I try to navigate to it I get a 404 not found error: GET http://localhost:3000/_next/static/chunks/app/(pages)/orders/%255Bid%255D/page.js net::ERR_ABORT. But if I refresh the page, it all works well.

I tried lots of things, like:
- Adjusting the Link href and including an 'as' atribute as well
- Added export export const dynamic = 'force-dynamic' (I had another page that threw the same erorr and this solved it
- I added console.logs to the page to see if the fetching is done, and indeed it did, even the list of products from the orders gets printed before the page crashes, which led me to try removing some of the elements from the return
- Removed bits of elements from the return statement to see if it would render, and for some bits it did (like order details) but some not, like product list
- Other things that I don't really remember

Something is missing and I can't get my head around it. I am leaving some screenshots of my code and package.json for reference. PS, I built the app using the PayloadCMS ecommerce template.