<style type="text/css" rel="stylesheet"> --h0: 4.5rem; --h1: 3rem; --h2: 2.25rem; --h3: 1.5rem; --h4: 1.125rem; --h5: 0.75rem; --lh: calc(4 / 3); --m1: calc(2 / 3 * 1em); --m2: calc(4 / 3 * 1em); --m3: calc(8 / 3 * 1em); --m4: calc(16 / 3 * 1em); --x1: 0.5rem; --x2: 1rem; --x3: 2rem; --x4: 4rem; --x5: 8rem; --x6: 16rem; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; color: white; text-transform: initial; letter-spacing: initial; line-height: var(--lh); box-sizing: border-box; margin: 0; border: 0; font-size: 100%; font-weight: inherit; font-family: inherit; font-style: inherit; vertical-align: baseline; position: relative; min-width: 90px; max-width: 1024px; padding: 10px 10px; </style>

<textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea>

x

/* web/src/index.js */

​

import ReactDOM from 'react-dom'

​

/* redwood */

import { navigate } from '@redwoodjs/router'

import { RedwoodProvider } from '@redwoodjs/web'

​

/* auth */

import { AuthProvider } from 'react-use-auth'

const authConfig = JSON.parse(process.env.RBAC_AUTH0_CONFIG)

authConfig.navigate = navigate

​

/* app */

import FatalErrorBoundary from 'src/lib/FatalErrorBoundary'

import FatalErrorPage from 'src/pages/FatalErrorPage'

import Routes from 'src/Routes'

import './index.css'

​

ReactDOM.render(

  <FatalErrorBoundary page={FatalErrorPage}>

    <AuthProvider {...authConfig}>

      <RedwoodProvider>

        <Routes />

      </RedwoodProvider>

    </AuthProvider>

  </FatalErrorBoundary>,

  document.getElementById('hammer-app')

)