Integrating Search UI with NextJS Router Dynamic Routes

Right this is a working solution on codesandbox priceless-dhawan-wpzewc - CodeSandbox

The issue was we were updating the query params without the id in the query param. Nextjs uses the query params to interpolate the url. In the example above im retrieving the id and creating a new query object which contains both search ui params and next js router params.

Not too happy with the solution. Will update documentation if I figure a cleaner way, but this should unblock you.

2 Likes