Capture Your First Error
Now that the Demo App is up and running on your local environment integrated with the Sentry SDK, you're ready to generate the first error.
If you're not using the provided React demo code, follow the Verification step to introduce an error to your source code and continue with Step 2
Step 1: Capture your first event
Launch the demo app by opening the localhost link in your browser
Open the browser's Console to verify that an error has occurred
Click on any of the Buy! buttons to add products to your shopping cart
Click on the Checkout button on the left panel to generate an error
Notice that:
Step 2: Handle the error
Go to your email inbox and open the email notification from Sentry
Click on
View on Sentry
to view the full details and context of this error in your Sentry accountNote: Sentry aggregates similar errors (events) into one Issue
Scroll down to the
Exception
stack trace- Notice that the stack trace is minified. JavaScript is typically minified to reduce to the size of the source code.
- Sentry can un-minify the code back to its readable form and display source (code) context lines in each stack frame, which is covered in the next section.
Next
Enable Readable Stack Traces in your Errors