index.tsx

// @ts-ignore
import * as iconFont from './icomoon.woff2'
import * as React from 'react'
import { render } from 'react-dom'
import Devtools from './components/Devtools'
import { ThemeProvider, injectGlobal } from './styled-components'
import { overmind } from 'overmind-themes'
import app from './app'

injectGlobal`
  @font-face {
    font-family: 'icomoon';
    src: url('${iconFont}') format('woff2');
    font-weight: normal;
    font-style: normal;
  }

  html, body {
    margin: 0;
    height: 100%;
  }

  body {
    overflow: hidden;
    font-family: Helvetica Neue;
    line-height: 24px;
  }

  #app {
    height: 100%;
  }
`

window.onerror = (_, _2, _3, _4, error) => {
  app.actions.setError(error.message)
}

const container = document.createElement('div')
container.id = 'app'
document.body.appendChild(container)
render(
  <ThemeProvider theme={overmind}>
    <Devtools />
  </ThemeProvider>,
  container
)