Sentry

Projeto pra ajudar no controle de usuário e ambiente em novos projetos.

A forma de controlar ambiente ainda esta bem questionável, mas funciona na maioria dos casos, pode ser visto aqui

Essa lib depende do cookie com o jwt do usuário, essa é uma informação obrigatória tendo rastreabilidade é uma das principais funções da lib.

Pode ser visto o nome do token aqui.

Instalando

yarn add @movidesk/sentry

Usando o projeto

Apenas com hook

import { SentryProvider } from '@movidesk/sentry'


function MyComponent() {
    return (
        <SentryProvider projectKey={PROJECT_KEY} project={PROJECT}>
            <App />
        </SentryProvider>
    )
}

// ... dentro de App.js

import { useSentry } from '@movidesk/sentry'

function App() {
    const sentry = useSentry()

    useMount(async () => {
        try {
            await someOperationThatMayExplode()
        } catch (err) {
            showToTheUser(err)
            sentry.captureException(err)
        }
    })

}

ErrorBoundary

Esse componente foi feito pra evitar duplicar código pra pegar erros em aplicações usando react

function App({ propThatDoesntExist }) {
    return (
        <div>
        {propThatDoesntExist.anotherProp}
        </div>
    )
}

function MyComponent() {
    return (
        <SentryProvider projectKey={PROJECT_KEY} project={PROJECT}>
            {({ sentry }) => (
                <ErrorBoundary sentry={sentry}>
                    <App />
                </ErrorBoundary>
            )}
        </SentryProvider>
    )
}