The browser side uses localStorage to obtain the user's cached data, resulting in the inconsistent rendering results between the server side and the client side for the first time. How to deal with this problem?

[chinadeanls]

[chinadeanls]

Warning: Text content did not match. Server: "Login/Register" Client: "[e-mail]"
in span (created by HeaderBar)
in a (created by HeaderBar)
in li (created by HeaderBar)
in ul (created by HeaderBar)
in nav (created by HeaderBar)
in div (created by HeaderBar)
in header (created by HeaderBar)
in div (created by HeaderBar)
in HeaderBar (created by withI18nextTranslation(HeaderBar))
in withI18nextTranslation(HeaderBar) (created by ConnectFunction)
in ConnectFunction (created by Context.Consumer)
in withRouter(Connect(withI18nextTranslation(HeaderBar))) (created by Page)
in div (created by Page)
in Page (created by Context.Consumer)
in Route (created by App)
in Switch (created by App)
in div (created by App)
in App (created by WithStyles(App))
in WithStyles(App)
in HelmetProvider
in I18nextProvider (created by I18N)
in I18N
in Router
in Provider