index.tsx

import { injectGlobal } from 'emotion'
import { render } from 'react-dom'
import { createElement } from 'react'
import Devtools from './components/Devtools'
import { overmind } from './overmind'
import { css } from './theme'

injectGlobal`
  ${css}

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

  body {
    overflow: hidden;
    font-family: Nunito, 'helvetica neue';
    background-color: var(--colors-background);
    color: var(--colors-text);
    line-height: 24px;
  }
  
  #app {
    height: 100%;
  }
`

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

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