Next JS router how to parse string into a valid url when pushing

Question

I have a string which look like this /dashboard/products/:id and I want to use Next Js's router to push into that url and change the :id into a valid id.

This is my code

{products.map(product => <ProductCard onClick={() => router.push(PATHS.productDetail, { query: { id: 1 } })} />)}

My expectation is the user would be redirected to /dashboard/products/1 but it goes to /dashboard/products?id=1

Is there any workaround for this problem? Thanks

ArtemKh · Accepted Answer · 2022-10-06 10:42:22Z

2

You should use that pattern for the URL

  router.push({
    pathname: '/dashboard/products/[id]',
    query: { id: 2 },
  })

answered Oct 6, 2022 at 10:42

ArtemKh

1,0007 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Next JS router how to parse string into a valid url when pushing

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related