Skip to content

Commit 58ff0b6

Browse files
committed
fix mismatch on server and client
1 parent 12f31b0 commit 58ff0b6

File tree

1 file changed

+3
-2
lines changed

1 file changed

+3
-2
lines changed

src/browser-router.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import * as React from 'react';
22
import * as PropTypes from 'prop-types';
33
import Router, { initParams, initResult } from './router';
44
import { Context, stringifyQuery } from 'router-async';
5+
import * as serialize from 'serialize-javascript';
56

67
export default class BrowserRouter extends Router {
78
private history: any;
@@ -112,9 +113,9 @@ export default class BrowserRouter extends Router {
112113
<div>
113114
{this.props.children ? this.props.children : <this.state.Component {...this.state.componentProps} />}
114115
{this.stateFromServer !== null ?
115-
<script dangerouslySetInnerHTML={{ __html: `window.__REACT_ROUTER_ASYNC__=${JSON.stringify({
116+
<script dangerouslySetInnerHTML={{ __html: `window.__REACT_ROUTER_ASYNC__=${serialize({
116117
state: this.stateFromServer
117-
})};`}} /> : null
118+
}, {isJSON: true})};`}} /> : null
118119
}
119120
</div>
120121
)

0 commit comments

Comments
 (0)