Al enviar el formulario, quiero pasar el estado de UserLocation y los datos del formulario a otra página donde pueda acceder a ellos.

filas es una matriz de filas de hojas de Excel obtenidas de una API

estoy recibiendo este error

DataCloneError: no se pudo ejecutar 'pushState' en 'Historial': el objeto de almacenamiento no se pudo clonar.

El código del archivo es:

 class UserLocation extends React.Component { constructor(props) { super(props); this.state = {value: '',data:[]}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) { event.preventDefault(); this.setState({value: event.target.value}); } componentDidMount(){ getRow(){ //rows fetched from an API this.setState({data:rows}); } getRow(); } render() { return ( <div className="District"> <div className="DistrictBar"> <form onSubmit={this.handleSubmit}> <label> Enter District: <input type="text" value={this.state.value} onChange={this.handleChange} /> </label> <Link to={{pathname:"/district",state:{state:window.localStorage}}}><button><input type="submit" value="Submit" /></button></Link> </form> </div> </div> ); } } export default UserLocation;