Did not expect server HTML to contain a <nav> in <div>

[pisacode]

I am having this issue when hydrate runs at start-up. It normally resolves when you eliminate whitespace in rendering node. However I couldn't fixed it with the solutions mentioned in here

Any idea to fix it?

[cleverbeagle]

Hey @pisacode can you screenshot/paste the exact error you're getting?

[pisacode]

Sure,

This is the error message:

This is where it is originated:
Meteor.startup(() => hydrate(<ThemeProvider theme={theme}> <Provider store={store}> <BrowserRouter> <Switch> <App /> </Switch> </BrowserRouter> </Provider> </ThemeProvider>, document.getElementById('react-root')));

And the only place that has a nav under div is the AuthenticatedNavigation.js component

[sayjeyhi]

In my case it was because of using PersistGate and react-loadable. if you using this libraries, you could use preloadAll instead of preloadReady