Eddie's SSR ssr.js (the app) file

const React = require("react")
const ReactDOM = require("react-dom")

const Meep = (
  <div
    style={{ backgroundColor: "blue", fontColor: "white" }}
    onClick={() => alert("hello")}
  >
    Hello world?
  </div>
)

module.exports = { Meep }

const SSR = (
  <div
    style={{ backgroundColor: "blue", fontColor: "white" }}
    onClick={() => alert("hello")}
  >
    Hello world?
  </div>
)

module.exports = { SSR: SSRComp }

const isServer = typeof document === "undefined"
console.log("isBrowser help")
console.log(isServer)
// Render only in the browser, export otherwise
if (typeof document === "undefined") {
  module.exports = SSR
} else {
  ReactDOM.hydrate(SSR, document.getElementById("app"))
}