Issue with Next.js dynamic routes

[nuotsu]

Dynamic route segments (the portion with brackets) causing issues with the <a> and <Link> tags

e.g. src/app/(iframe)/[owner]/[repo]/[...path]/page.tsx

[Nightfury430]

Dynamic route segments like [owner], [repo], and [...path] can cause issues with and tags in the app/ directory if the href isn’t constructed correctly.
With [...path], you're working with a catch-all segment, which usually comes in as an array. You need to join it into a string for the URL to work:

<Link href={/${owner}/${repo}/${path.join('/')}}>Go</Link>

Also, make sure the component using is a client component (add 'use client' at the top), since is not supported in server components.

Common problems include:

• Missing or undefined route parameters
• Not handling array segments like [...path]
• Using instead of for internal navigation

If you're still seeing issues, double-check the values passed to your dynamic segments and make sure the full URL is valid.