Merge pull request #17 from AllanOliveiraM/develop

feat: use nextjs sentry lib

package.json

@@ -25,8 +25,7 @@
     "@hookform/resolvers": "^2.6.0",
     "@mdx-js/loader": "^1.6.22",
     "@next/mdx": "^11.0.1",
-    "@sentry/react": "^6.8.0",
-    "@sentry/tracing": "^6.8.0",
+    "@sentry/nextjs": "^6.9.0",
     "@welldone-software/why-did-you-render": "^6.2.0",
     "@xstyled/styled-components": "^3.0.3",
     "@xstyled/system": "^3.0.2",

src/pages/_app.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { AppProps as NextAppProps } from 'next/app'
 
 import { Preflight } from '@xstyled/styled-components'
@@ -16,7 +15,7 @@ import 'sanitize.css/typography.css'
 
 initSentry()
 interface AppProps extends NextAppProps {
-  err: any
+  err: unknown
 }
 
 // Workaround for https://github.com/vercel/next.js/issues/8592

src/pages/cats.tsx

@@ -0,0 +1,32 @@
+type HomeProps = { catFacts: string[] | undefined }
+
+const Home = ({ catFacts }: HomeProps) => (
+  <div>
+    <ul>
+      {catFacts?.map(catFact => (
+        <li key={catFact}>Fact: {catFact}</li>
+      ))}
+    </ul>
+  </div>
+)
+
+export const getStaticProps = async () => {
+  // const response = await fetch('https://cat-fact.herokuapp.com/facts')
+  // const parsedData = await response.json()
+
+  // const formattedData = parsedData?.map((cat) => cat.text)
+
+  const formattedData = [
+    'Cats make about 100 different sounds. Dogs make only about 10.',
+    'Domestic cats spend about 70 percent of the day sleeping and 15 percent of the day grooming.',
+    'I do not know anything about cats.',
+    'The technical term for a cat’s hairball is a bezoar.',
+    'Cats are the most popular pet in the United States.',
+  ]
+
+  return {
+    props: { catFacts: formattedData },
+  }
+}
+
+export default Home

src/utils/sentry.ts

@@ -1,20 +1,23 @@
-import * as SentryEngine from '@sentry/react'
-import { Integrations } from '@sentry/tracing'
+/* eslint-disable no-console */
+import {
+  init,
+  captureException as sentryCaptureException,
+  flush,
+  Exception,
+} from '@sentry/nextjs'
 
 import { getPublicEnvironmentConfig, isProductionMode } from 'utils/environment'
 
 const { NEXT_PUBLIC_SENTRY_DSN } = getPublicEnvironmentConfig()
 
 export const initSentry = () => {
   if (!isProductionMode()) {
-    // eslint-disable-next-line no-console
     console.debug('[MONITORING] Sentry skipped.')
 
     return
   }
 
   if (!NEXT_PUBLIC_SENTRY_DSN) {
-    // eslint-disable-next-line no-console
     console.error(
       '[MONITORING] Sentry not loaded. A valid DSN config could not be found.'
     )
@@ -23,48 +26,46 @@ export const initSentry = () => {
   }
 
   try {
-    SentryEngine.init({
+    init({
       enabled: isProductionMode(),
-      integrations: [new Integrations.BrowserTracing()],
       dsn: NEXT_PUBLIC_SENTRY_DSN,
     })
   } catch (error) {
-    // eslint-disable-next-line no-console
     console.error(
-      '[MONITORING] Sentry not loaded. An error was encountered when starting Sentry.'
+      '[MONITORING] Sentry not loaded. An error was encountered when starting Sentry.',
+      error
     )
   }
 }
 
-export const captureException = async (error: Error) => {
+export const captureException = async (error: Error | Exception) => {
   if (isProductionMode()) {
     try {
-      SentryEngine.captureException(error)
+      sentryCaptureException(error)
 
-      const success = await SentryEngine.flush(5000)
+      const success = await flush(5000)
 
       if (!success) {
-        throw new Error()
+        throw new Error(
+          `Flush pass: false. It may not have been possible to send exception data to Nexpy servers. Please report this bug! ${String(
+            error
+          )}`
+        )
       }
 
-      // eslint-disable-next-line no-console
       console.error(
         `Flush pass: ${success}`,
         'This exception was caught automatically and will be debugged.',
         'Your correction will be evaluated and contact support is not necessary.',
         error
       )
     } catch {
-      // eslint-disable-next-line no-console
       console.error(
-        '[MONITORING] It was not possible to send exception data for Nexpy servers. Please report this bug!',
+        '[MONITORING] It was not possible to send exception data for Nexpy servers. Please report this bug! ',
         error
       )
     }
   } else {
-    // eslint-disable-next-line no-console
-    console.error('[TRACKED_ERROR] ', error)
+    console.error('[DEV_ERROR] ', error)
   }
 }
-
-export default SentryEngine