use eitherx to implement index page boundary (#805)

package.json

@@ -31,6 +31,7 @@
     "dom-to-image": "^2.5.2",
     "downshift": "^3.2.10",
     "dropperx": "^1.0.1",
+    "eitherx": "^1.0.2",
     "escape-goat": "^2.1.0",
     "graphql": "^14.3.1",
     "highlight.js": "^9.15.8",

pages/index.js

@@ -3,6 +3,7 @@ import React from 'react'
 import { withRouter } from 'next/router'
 import { register, unregister } from 'next-offline/runtime'
 import debounce from 'lodash.debounce'
+import Either from 'eitherx'
 
 // Ours
 import EditorContainer from '../components/EditorContainer'
@@ -44,11 +45,20 @@ class Index extends React.Component {
     return (
       <Page enableHeroText={true}>
         <MetaLinks />
-        <EditorContainer
-          router={this.props.router}
-          onUpdate={this.onEditorUpdate}
-          onReset={onReset}
-        />
+        <Either>
+          <EditorContainer
+            router={this.props.router}
+            onUpdate={this.onEditorUpdate}
+            onReset={onReset}
+          />
+          <p>
+            An unexpected error has occurred. Please{' '}
+            <u>
+              <a href="https://github.com/dawnlabs/carbon">file an issue here</a>
+            </u>
+            .
+          </p>
+        </Either>
       </Page>
     )
   }

yarn.lock

@@ -3203,6 +3203,11 @@ ee-first@1.1.1:
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
+eitherx@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/eitherx/-/eitherx-1.0.2.tgz#f4659f3621e2b60787afa31e7d0467587ef890f2"
+  integrity sha512-A3S4t6mtsEJZMNIwjYvZiaGf5rxY0ITViHW9hULTAtcYlQyckznxq9q6wEGJu3GGFLftO89yq2Lx1qzg00VJkw==
+
 electron-to-chromium@^1.3.164:
   version "1.3.185"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.185.tgz#36368514eb719632a91435f3c9f57c98b47d81de"