Possible to pass state to next/router?

[bryan]

With react-router I was able to do:

browserHistory.push({ pathname: "/", state: { message: 'This is a message forwarded in a state.' } })

Is it possible to do something like this using next/router or a way to redirect the user and also pass some value over to the new page?

[arunoda]

Currently that's not possible and I don't think we'll support it immediate future.

[arunoda]

But let's open this and see whether we really really need this.

[nkzawa]

I think you should do this by passing query parameters.

[bryan]

I mean you can achieve a similar thing by passing in query parameters like nkzawa said, but I'd rather not pollute my the url with http://www.example.com/?message=This%20is%20a%20long%20message%20forwarded%20to%20be%20displayed and would rather have a state transfer like how react-router does it.

[rauchg]

You can use as to disguise the URL

[bryan]

Well I suppose so, but if I were to use as, the pathname doesn't retain the actual pathname in props.url.pathname, which means more things to pass into the query. It's just cleaner to have it pass the state.

I'm porting over a project to next.js and haven't run into any major compatibility problems since I found ways to refactor codes to make it work, it's just inconvenience and verbosity at this point that can be improved and all this issue is.

Thanks all for your input.

[timneutkens]

Closing this cause of inactivity 👍

[bryan]

A little over a year since I brought this up, but is this still not supportable?

[sergiodxa]

You can save any required state in localStorage, sessionStorage, a variable, a Redux store, etc. and then use it in getInitialProps (checking you are running client side).

[egaleme]

i think nextjs should start supporting react-router

[vaibhavi3t]

I want same functionality.

Earlier I was using CRA and there I used to send state to routed component. I wants same functionality with nextjs.

What @sergiodxa suggested in workaround but library support will be good.

[todesstoss]

Same here, would be great if it will be possible pass data with Router.push() and retrieve it later with withRouter

[namy16]

I want same functionality. Any update on this ?