forked from Hexlet/hexletguides.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
kodsurfer
committed
Aug 21, 2024
1 parent
ce7dbc1
commit b3985e7
Showing
1 changed file
with
44 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,44 @@ | ||
/** | ||
* NOTE: This requires `@sentry/nextjs` version 7.3.0 or higher. | ||
* | ||
* NOTE: If using this with `next` version 12.2.0 or lower, uncomment the | ||
* penultimate line in `CustomErrorComponent`. | ||
* | ||
* This page is loaded by Nextjs: | ||
* - on the server, when data-fetching methods throw or reject | ||
* - on the client, when `getInitialProps` throws or rejects | ||
* - on the client, when a React lifecycle method throws or rejects, and it's | ||
* caught by the built-in Nextjs error boundary | ||
* | ||
* See: | ||
* - https://nextjs.org/docs/basic-features/data-fetching/overview | ||
* - https://nextjs.org/docs/api-reference/data-fetching/get-initial-props | ||
* - https://reactjs.org/docs/error-boundaries.html | ||
*/ | ||
|
||
import * as Sentry from '@sentry/nextjs'; | ||
import NextErrorComponent from 'next/error'; | ||
import { NextPageContext } from 'next'; | ||
|
||
interface CustomErrorComponentProps { | ||
statusCode: number; | ||
} | ||
|
||
const CustomErrorComponent: React.FC<CustomErrorComponentProps> = (props) => { | ||
// If you're using a Nextjs version prior to 12.2.1, uncomment this to | ||
// compensate for https://github.com/vercel/next.js/issues/8592 | ||
// Sentry.captureUnderscoreErrorException(props); | ||
|
||
return <NextErrorComponent statusCode={props.statusCode} />; | ||
}; | ||
|
||
CustomErrorComponent.getInitialProps = async (contextData: NextPageContext) => { | ||
// In case this is running in a serverless function, await this in order to give Sentry | ||
// time to send the error before the lambda exits | ||
await Sentry.captureUnderscoreErrorException(contextData); | ||
|
||
// This will contain the status code of the response | ||
return NextErrorComponent.getInitialProps(contextData); | ||
}; | ||
|
||
export default CustomErrorComponent; |