render double html markup or mounted app twice at initial rendering

Nobody has claimed this yet.

hello sir,
i am working on a project which is based upon this repo I have additional package unistore and i warap it into index.js

`let store = createStore(initialState)
if(typeof window !== "undefined"){
store = (window.__STATE__ && window.__STATE__ !== "==InitialState==") ? createStore(window.__STATE__) : createStore(initialState)
}
const App = ({url, Serverstore}) => {
let Finalstore = (Serverstore && typeof Serverstore !== "undefined") ? Serverstore : store
return(



)
}

export default App`

in my server.js I have added

`let store = createStore(initialState)
let state = store.getState()
let body = render(h(App, {
url: req.url,
Serverstore: store
}))`

initial state on the server side and client side are same. when I run the application on development server it's run smoothly. but when I deploy it on the production server it's inserted client-side app below the SSR markup only on initial rendering when I reload the app double markup removed and run as expected. please help

Start by comparing the rendering setup in index.js with the server-side rendering code in server.js, then reproduce the first production load where the app appears below the SSR markup. Check the initial server and client state values and the first mount path; done means the initial page contains only one rendered app and subsequent navigation still works.

Written by the indexing model from the issue text.