Hello, I am trying to use useNavigate from react r...

# javascript

[Richard Ulysse]

Hello, I am trying to use useNavigate from react router and pass props through the component. Do you know how that maybe possible? I see the invoke function can take 2 args: "to" and "options" and I believe options is where I should be passing the props, but how is that done exactly?

[turansky]

You can use location state for this goal or search parameters (or both), depends on your case

[turansky]

Location state - option of useNavigate

[Richard Ulysse]

I'm currently using it like this: useNavigate.invoke("/path", _jso_*{state = state}*)

[Richard Ulysse]

It redirects, but I get undefined error. The component also takes StateSetter as another prop, not sure how I would pass that down as well

[turansky]

jso { this.state = state }

[turansky]

Location state must be serializable

[Richard Ulysse]

Yes, I have ensured that my data classes are serializable. I will try this out. Thank you!

[turansky]

It must be JS object or some primitive

[turansky]

Also you can use serialization in "dynamic object"

[Richard Ulysse]

This is what I am currently doing: navigate.invoke("/payment-confirmation", jso { this.state = paymentInformationState })

[Richard Ulysse]

val (paymentInformationState,paymentInformationStateSetter) = _useState_(PaymentInformation(cartSummary = cartSummaryState))

[Richard Ulysse]

And the data class is serialized, but I am still getting undefined error

[turansky]

Data classes aren't serializable JS objects

[Richard Ulysse]

Oh okay, doesn't jso {this.state = state} ensure that this is serialized though?

[turansky]

If state is serializable, then yes