Router push with URL object doesn't replace path parameter by the query property value

Bug report

Description

The router doesn’t be replacing the first parameter from the pathname by the property value defined in query object

Example

If I have the following pages directory tree /pages/posts/[postId]/edit and use router push with the following parameters

{
    pathname: '/posts/[postId]/edit',
    query: { postId: 1 }
}

It’s ok, the router sends to the browser the following path /posts/1/edit

But, if I have a pages directory tree like /pages/posts/[postId]/comments/[commentId] and use router push with the following parameters

{
    pathname: '/posts/[postId]/comments/5',
    query: { postId: 1 }
}

The router sends to the browser the following path /posts/[postId]/comments/5?postId=1. The router doesn’t replace the parameter postId by the query property value.

My Next.js version is 10.0.0

[ijjk]

@souzantero happy to help, I’m gonna close this since it seems to be resolved.

[power-f-GOD]

Hi, @ijjk . I get this error whenever I use href directly without interpolation. According to the examples in the link you sent above, it’s supposed to work, but this error ensues every time:

Unhandled Runtime Error
Error: The provided `href` (/orders/[order_id]) value is missing query values (order_id) to be interpolated properly. Read more: https://nextjs.org/docs/messages/href-interpolation-failed

I’m passing href directly like so…

<Link href={`/orders/some_uuid`}>Order</Link>

…and then it throws the unhandled runtime error above.

Kindly, what am I doing wrong here? And how do I fix?

Thanks for your swift response.