1 files changed, 23 insertions, 1 deletions
diff --git a/src/index.tsx b/src/index.tsx
index 634fd81..783d34f 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -3,8 +3,22 @@ import ReactDOM from 'react-dom';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
 
+import * as Sentry from "@sentry/react";
+import { Integrations } from "@sentry/tracing";
+
 import colors from "./colors";
 
+if (process.env.NODE_ENV === "production") {
+  Sentry.init({
+    dsn: process.env.REACT_APP_SENTRY_DSN,
+    integrations: [
+      new Integrations.BrowserTracing(),
+    ],
+    tracesSampleRate: 0.25,
+    release: `forms-frontend@${process.env.REACT_APP_SHA}`
+  });
+}
+
 console.log("%c  Python Discord Forms  ", `font-size: 6em; font-family: "Hind", "Arial"; font-weight: 900; background-color: ${colors.blurple}; border-radius: 10px;`)
 console.log("%cWelcome to Python Discord Forms", `font-size: 3em; font-family: "Hind", "Arial";`)
 
@@ -18,7 +32,15 @@ console.log("%cCome join us on Discord! https://discord.gg/python", `font-size:
 
 ReactDOM.render(
   <React.StrictMode>
-    <App />
+    <Sentry.ErrorBoundary
+      fallback={<p>An error has occurred with Python Discord Forms. Please let us know in the Discord server at <a href="https://discord.gg/python">discord.gg/python</a></p>}
+      showDialog={true}
+      dialogOptions={{
+        title: "You've found a bug in PyDis forms!"
+      }}
+    >
+      <App />
+    </Sentry.ErrorBoundary>
   </React.StrictMode>,
   document.getElementById('root')
 );