Add react error handler

1 files changed, 19 insertions, 16 deletions

diff --git a/modern/src/index.js b/modern/src/index.js
index d89d917e..e5457789 100644
--- a/modern/src/index.js
+++ b/modern/src/index.js
@@ -13,27 +13,30 @@ import preloadImages from './map/core/preloadImages';
 import * as serviceWorkerRegistration from './serviceWorkerRegistration';
 import NativeInterface from './common/components/NativeInterface';
 import ServerProvider from './ServerProvider';
+import ErrorBoundary from './ErrorBoundary';
 
 preloadImages();
 
 const root = createRoot(document.getElementById('root'));
 root.render(
-  <Provider store={store}>
-    <LocalizationProvider>
-      <StyledEngineProvider injectFirst>
-        <ThemeProvider theme={theme}>
-          <CssBaseline />
-          <ServerProvider>
-            <BrowserRouter>
-              <Navigation />
-            </BrowserRouter>
-          </ServerProvider>
-          <ErrorHandler />
-          <NativeInterface />
-        </ThemeProvider>
-      </StyledEngineProvider>
-    </LocalizationProvider>
-  </Provider>,
+  <ErrorBoundary>
+    <Provider store={store}>
+      <LocalizationProvider>
+        <StyledEngineProvider injectFirst>
+          <ThemeProvider theme={theme}>
+            <CssBaseline />
+            <ServerProvider>
+              <BrowserRouter>
+                <Navigation />
+              </BrowserRouter>
+            </ServerProvider>
+            <ErrorHandler />
+            <NativeInterface />
+          </ThemeProvider>
+        </StyledEngineProvider>
+      </LocalizationProvider>
+    </Provider>
+  </ErrorBoundary>,
 );
 
 serviceWorkerRegistration.register();