wrap all top level routes in ErrorBoundary #15

elite-se · Feb 27, 2020 · 011ca60 · 011ca60
1 parent a5b9835
commit 011ca60
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/frontend/src/components/App.tsx b/packages/frontend/src/components/App.tsx
@@ -7,6 +7,7 @@ import history from '../util/history';
 import { FeatureFlagsProvider } from 'elite-feature-flags';
 import { Configuration } from 'elite-types';
 import { getConfiguration } from 'elite-configuration';
+import { ErrorBoundary } from './general/ErrorBoundary';
 
 const configuration: Configuration = getConfiguration();
 
@@ -15,7 +16,9 @@ export const AppComponent = () => (
     <Router history={history}>
       <Switch>
         {APP_ROUTES.map((routeProps, index) => (
-          <Route key={index} {...routeProps} />
+          <ErrorBoundary>
+            <Route key={index} {...routeProps} />
+          </ErrorBoundary>
         ))}
         <Route {...ERROR_404_PAGE} />
       </Switch>