feat: added error boundary

This commit is contained in:
Daniel Hougaard
2024-09-20 01:19:10 +04:00
parent 36adc5e00e
commit 3caa46ade8

View File

@@ -27,6 +27,7 @@ import {
WorkspaceProvider WorkspaceProvider
} from "@app/context"; } from "@app/context";
import { AppLayout } from "@app/layouts"; import { AppLayout } from "@app/layouts";
import ErrorBoundaryWrapper from "@app/layouts/AppLayout/ErrorBoundary";
import { queryClient } from "@app/reactQuery"; import { queryClient } from "@app/reactQuery";
import "nprogress/nprogress.css"; import "nprogress/nprogress.css";
@@ -85,46 +86,50 @@ const App = ({ Component, pageProps, ...appProps }: NextAppProp): JSX.Element =>
!Component.requireAuth !Component.requireAuth
) { ) {
return ( return (
<QueryClientProvider client={queryClient}> <ErrorBoundaryWrapper>
<NotificationContainer /> <QueryClientProvider client={queryClient}>
<ServerConfigProvider> <NotificationContainer />
<UserProvider> <ServerConfigProvider>
<AuthProvider> <UserProvider>
<Component {...pageProps} /> <AuthProvider>
</AuthProvider> <Component {...pageProps} />
</UserProvider> </AuthProvider>
</ServerConfigProvider> </UserProvider>
</QueryClientProvider> </ServerConfigProvider>
</QueryClientProvider>
</ErrorBoundaryWrapper>
); );
} }
const Layout = Component?.layout || AppLayout; const Layout = Component?.layout || AppLayout;
return ( return (
<QueryClientProvider client={queryClient}> <ErrorBoundaryWrapper>
<TooltipProvider> <QueryClientProvider client={queryClient}>
<NotificationContainer /> <TooltipProvider>
<ServerConfigProvider> <NotificationContainer />
<AuthProvider> <ServerConfigProvider>
<OrgProvider> <AuthProvider>
<OrgPermissionProvider> <OrgProvider>
<WorkspaceProvider> <OrgPermissionProvider>
<ProjectPermissionProvider> <WorkspaceProvider>
<SubscriptionProvider> <ProjectPermissionProvider>
<UserProvider> <SubscriptionProvider>
<Layout> <UserProvider>
<Component {...pageProps} /> <Layout>
</Layout> <Component {...pageProps} />
</UserProvider> </Layout>
</SubscriptionProvider> </UserProvider>
</ProjectPermissionProvider> </SubscriptionProvider>
</WorkspaceProvider> </ProjectPermissionProvider>
</OrgPermissionProvider> </WorkspaceProvider>
</OrgProvider> </OrgPermissionProvider>
</AuthProvider> </OrgProvider>
</ServerConfigProvider> </AuthProvider>
</TooltipProvider> </ServerConfigProvider>
</QueryClientProvider> </TooltipProvider>
</QueryClientProvider>
</ErrorBoundaryWrapper>
); );
}; };