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>
)
}