Rewrite ErrorBoundary as a functional component using react-error-boundary

This commit is contained in:
Alex Gleason
2023-10-21 15:32:37 -05:00
parent c5d527a667
commit d7ea38cf22
4 changed files with 154 additions and 189 deletions

View File

@ -6,6 +6,7 @@ import { CompatRouter } from 'react-router-dom-v5-compat';
import { ScrollContext } from 'react-router-scroll-4';
import * as BuildConfig from 'soapbox/build-config';
import SiteErrorBoundary from 'soapbox/components/error-boundary';
import LoadingScreen from 'soapbox/components/loading-screen';
import {
ModalContainer,
@ -18,8 +19,6 @@ import {
} from 'soapbox/hooks';
import { useCachedLocationHandler } from 'soapbox/utils/redirect';
import ErrorBoundary from '../components/error-boundary';
const GdprBanner = React.lazy(() => import('soapbox/components/gdpr-banner'));
const EmbeddedStatus = React.lazy(() => import('soapbox/features/embedded-status'));
const UI = React.lazy(() => import('soapbox/features/ui'));
@ -42,7 +41,7 @@ const SoapboxMount = () => {
};
return (
<ErrorBoundary>
<SiteErrorBoundary>
<BrowserRouter basename={BuildConfig.FE_SUBDIRECTORY}>
<CompatRouter>
<ScrollContext shouldUpdateScroll={shouldUpdateScroll}>
@ -90,7 +89,7 @@ const SoapboxMount = () => {
</ScrollContext>
</CompatRouter>
</BrowserRouter>
</ErrorBoundary>
</SiteErrorBoundary>
);
};