***[Urgent] Help Needed: Next.js 15 Parallel Routes with Dynamic Params Failing on Live Site

[smo043]

Summary

We recently migrated to Next.js 15.1.4 and encountered an issue with Parallel Routes that have dynamic parameters. The same code worked perfectly in Next.js 14.2.23, but it fails in Next.js 15.

This issue only occurs on the live site; everything works fine in the local environment. The error observed on the live site is:

Chunks(Resource for this chunk not found)

Folder Structure:

src  
└── app  
    └── list  
        └── @modal  
            └── (.)add  
                └── [formType]  
                    └── page.tsx  

Next.js 14 Code:

const AddPage = async ({ params }: { params: { formType: FormTypes } }) => {
   return (
     <Dialog title={params.formType}>
       <AddComp formType={params.formType} />
     </Dialog>
   );
};

Next.js 15 Code:

const AddPage = async (props: { params: Promise<{ formType: FormTypes }> }) => {
   const params = await props.params;
   return (
     <Dialog title={params.formType}>
       <AddComp formType={params.formType} />
     </Dialog>
   );
};

Additional information

No response

Example

No response

[lucas-garrido]

same issue, did you found something ?

[smo043]

@lucas-garrido - No, I did not. I am still awaiting a resolution.

[icyJoseph]

Could this be related to the work that has been done in parallel routes?

• 92b3dd2
• refactor: collectAppPageSegments #73908

There's no reproduction repository, could someone please set one up? Before tagging core maintainers let's explore the issue.

[icyJoseph]

Hi, sorry I misses this notification.

Looks like this was raised here, #71626 (comment) , discussion continued here, #73539

I don't know what next steps to take here, it looks like an Azure issue 🙄 , and the PR that aimed at fixing it, was closed without merging.

[icyJoseph]

So that double encoding solution looks like the way to go, but uff scary stuff. You'd need to tell your server to map whatever Azure has decided, into the encoding originally used by Next.js, let me see if I can put together a code example

[smo043]

@icyJoseph - An example would be very helpful. I appreciate your help.

[icyJoseph]

Just one more question, you show:

• ab.com/next/static/chunks/app/lookup/%40modal/(.)updateConfig/%5BbusinessEntityId%5D/page-3ee..

Is it ab.com/_next/...rest?

Assuming _next prefix, piecing together the information I have from you and the other threads:

/** @type {import("next").NextConfig} */
const config = {
  output: "standalone",
  rewrites: async () => ({
    beforeFiles: [
      {
        source: "/_next/static/chunks/app/:folder*/@modal/:path*",
        destination: "/_next/static/chunks/app/:folder*/%40modal/:path*",
      },
    ],
  }),
};

Something like that, could you give it a go?

[smo043]

@icyJoseph - I tried the solution; it appears to be working. I am running full regression and will confirm post-tests. Thank you for your support.

[icyJoseph]

No worries. I think you probably should cross-reference this post and other links in that codebase. Make sure that you are grasping the issue as well. I think the Google cloud run resource in those links explains it well, precisely and shortly. Also please don't forget to mark as answered if it goes well.

[smo043]

@icyJoseph - The fix has been tested and works well with Azure. In addition, it works locally. Thank you so much for your help.

[smo043]

@lucas-garrido - Please try the accepted solution. This works for me. Thanks.

#74666 (reply in thread)