Update query in current route

Hi,

I want to programmatically update the query string in the current route, using native next router this could be done using:

// from withRouter
props.router.push({pathname: router.pathname, {query: { myParam: 'some-value' }})

This doesn’t work with next-routes because router.pathname is ignorant of next-routes route alises.

I could make this work if we could:

1. Get current URL in next-router
2. Find a programmatic way to update query params in next-router

I also tried:

import routes, { Router } from './routes'

...
// router is from withRouter
const route = routes.match(router.asPath).parsedUrl
route.query.myParam = 'my-value'
Router.pushRoute(route.format())
``

But `parsedUrl` doesn't contain the query params, they are not parsed (i.e. remain in parsedUrl.search). 

Any ideas?

[skywickenden]

Is there a resolution or at least a work around to this yet?

[DonovanCharpin]

Hi guys,

I’m experiencing the same issue, it seems there is no way to use pushRoute with only the query changing. I have something like /profile/:username.

I think I tried almost everything possible with pushRoute :

Router.pushRoute('routeName', {username: newUsername})
Router.pushRoute('routeName', {username: newUsername}, {shallow: true})
Router.pushRoute(`/profile/${username}`)

I also tried with the push :

Router.push(`/profile/${username}`)
Router.push(`/profile/${username}`, `/profile/${username}`)
Router.push(`/profile/${username}`, `/profile/${username}`, {shallow: true})

With the push, it kind of works because it reload the page every time so the server side just handle it but there is not way to make it works on the client side without reloading the page. When I check the this.props.router query on my componentWillReceiveProps, the current props and nextProps are the same.

Did you guys solved this?