mount step 1

index.ts

// index.ts imports both the mount and ssr functions 
// because it's the entry point for the server and 
// the browser
import mount from './mount'
import ssr from './ssr'

// dont mount if we are not running in the browser context
if (typeof document !== 'undefined') mount()

// the exported ssr function is only called by 
// static-website-generator-webpack-plugin
export default ssr

mount.tsx

import * as React from 'react'
import { render } from 'react-dom'

import App from './components/App'

// our mount function
export default function () {
   // renders the app with the props provided by the 
   // server (set with the Template component)
  const appProps = window.ssr.appProps
  render(<App {...appProps} />, document.getElementById('react-root'))
}