React 16: Warning: Expected server HTML to contain a matching in due to State

Answer 1

The current accepted answer doesn’t play well with TypeScript. Here is what works for me.

import React from "react"
import { hydrate, render } from "react-dom"
import BrowserRouter from "./routers/Browser"

const root = document.getElementById("root")
var renderMethod
if (root && root.innerHTML !== "") {
  renderMethod = hydrate
} else {
  renderMethod = render
}
renderMethod(, document.getElementById("root"))