Nantes Paradox Market

    gatsby-plugin-sentry

    1.0.1 • Public • Published

    gatsby-plugin-sentry

    Gatsby plugin to add Sentry error tracking to your site.

    Learn more about Sentry here.

    Install

    npm install --save gatsby-plugin-sentry

    How to use

    // In your gatsby-config.js
    plugins: [
      {
        resolve: "gatsby-plugin-sentry",
        options: {
          dsn: "YOUR_SENTRY_DSN_URL",
          // Optional settings, see https://docs.sentry.io/clients/node/config/#optional-settings
          environment: process.env.NODE_ENV,
          enabled: (() => ["production", "stage"].indexOf(process.env.NODE_ENV) !== -1)()
        }
      }
    ];

    Now Sentry is available in global window object. so you can use it in react 16 like:

    export default class ErrorBoundary extends React.Component {
      
      constructor(props) {
        super(props);
        this.state = { error: null };
      }
     
      componentDidCatch(error, errorInfo) {
        this.setState({ error });
        Sentry.configureScope((scope) => {
          Object.keys(errorInfo).forEach(key => {
            scope.setExtra(key, errorInfo[key]);
          });
        });
        Sentry.captureException(error);
      }
     
      render() {
        if (this.state.error) {
          // render fallback UI
          return <h1>Something went wrong!</h1>;
        } else {
          // when there's not an error, render children untouched
          return this.props.children;
        }
      }
    }

    Install

    npm i gatsby-plugin-sentry

    DownloadsWeekly Downloads

    8,396

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    3.1 kB

    Total Files

    5

    Last publish

    Collaborators

    • octalmage