Add error boundary to BrowserNotifyModal. For #2811

web/components/modals/AuthModal/AuthModal.tsx

@@ -72,7 +72,7 @@ export const AuthModal: FC<AuthModalProps> = ({ forceTabs }) => {
       // eslint-disable-next-line react/no-unstable-nested-components
       fallbackRender={({ error, resetErrorBoundary }) => (
         <ComponentError
-          componentName="ChatContainer"
+          componentName="AuthModal"
           message={error.message}
           retryFunction={resetErrorBoundary}
         />

web/components/modals/BrowserNotifyModal/BrowserNotifyModal.tsx

@@ -1,6 +1,7 @@
 import { Row, Spin, Typography, Button } from 'antd';
 import React, { FC, useState } from 'react';
 import { useRecoilValue } from 'recoil';
+import { ErrorBoundary } from 'react-error-boundary';
 import { accessTokenAtom, clientConfigStateAtom } from '../../stores/ClientConfigStore';
 import {
   registerWebPushNotifications,
@@ -8,6 +9,7 @@ import {
 } from '../../../services/notifications-service';
 import styles from './BrowserNotifyModal.module.scss';
 import isPushNotificationSupported from '../../../utils/browserPushNotifications';
+import { ComponentError } from '../../ui/ComponentError/ComponentError';
 
 const { Title } = Typography;
 
@@ -109,6 +111,16 @@ export const BrowserNotifyModal = () => {
   }
 
   return (
+    <ErrorBoundary
+      // eslint-disable-next-line react/no-unstable-nested-components
+      fallbackRender={({ error, resetErrorBoundary }) => (
+        <ComponentError
+          componentName="BrowserNotifyModal"
+          message={error.message}
+          retryFunction={resetErrorBoundary}
+        />
+      )}
+    >
       <Spin spinning={browserPushPermissionsPending}>
         <Row className={styles.description}>
           Get notified right in the browser each time this stream goes live.
@@ -118,5 +130,6 @@ export const BrowserNotifyModal = () => {
         <Row>{error}</Row>
         <PermissionPopupPreview start={() => startBrowserPushRegistration()} />
       </Spin>
+    </ErrorBoundary>
   );
 };