React Router v4 - passing state with

Question

I want to pass a list of objects which are in the state of a component. I'm trying to pass it with a element doing something likes this:

<Link 
    to={{
        pathname: `/contributors/${contributor.id}`,
        state: {linkState: this.state.contributors}
    }}
>

But console shows an error:

Uncaught DOMException: Failed to execute 'pushState' on 'History': Symbol(react.element) could not be cloned.

What does it mean and what can I do about that?

Does `this.state.contributors` have a large size? See https://stackoverflow.com/a/26291578/2079735 — Dan Mason, Aug 21 '17 at 11:49
I would suggest looking at storing it in local state via `redux` rather than history state. I have added answer. — Dan Mason, Aug 21 '17 at 11:59

score 4 · Accepted Answer · answered Aug 21 '17 at 11:58

This has been answered by @GregBeaver here: https://stackoverflow.com/a/26291578/2079735

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

...

Looks like the simple answer is that possible the state you are passing in is serializing to larger than 640k

I would suggest looking into using redux and storing the value into local state rather than history state.

React Router v4 - passing state with

1 Answers1