Sentry

Sentry is a popular error tracking tool that helps you monitor and fix crashes in real time. It provides you with detailed error reports, so you can quickly identify and resolve issues before they affect your users.

Enable Sentry

1. To enable it you have to first install the optional dependency @sentry/react.

Code
 
npm install --save @sentry/react

2. And then set the SENTRY_DSN environment variable in your Dev Portal project.

Code
 

SENTRY_DSN=https://your-sentry-dsn

Release management

However this does not handle release management for you. For that you can create a custom vite.config.ts and use the @sentry/vite-plugin plugin.

Code
 
import { sentryVitePlugin } from "@sentry/vite-plugin";
import { defineConfig } from "vite";

export default defineConfig({
  plugins: [
    sentryVitePlugin({
      authToken: "your-token",
      org: "your-org",
      project: "your-project",
    }),
  ],
});