⬆️ Upgrade sentry and improve its reliability

apps/viewer/src/helpers/server/trpc.ts

@@ -2,11 +2,18 @@ import { initTRPC } from '@trpc/server'
 import { OpenApiMeta } from 'trpc-openapi'
 import superjson from 'superjson'
 import { Context } from './context'
+import * as Sentry from '@sentry/nextjs'
 
 const t = initTRPC.context<Context>().meta<OpenApiMeta>().create({
   transformer: superjson,
 })
 
+const sentryMiddleware = t.middleware(
+  Sentry.Handlers.trpcMiddleware({
+    attachRpcInput: true,
+  })
+)
+
 const injectUser = t.middleware(({ next, ctx }) => {
   return next({
     ctx: {
@@ -15,8 +22,10 @@ const injectUser = t.middleware(({ next, ctx }) => {
   })
 })
 
+const finalMiddleware = sentryMiddleware.unstable_pipe(injectUser)
+
 export const middleware = t.middleware
 
 export const router = t.router
 
-export const publicProcedure = t.procedure.use(injectUser)
+export const publicProcedure = t.procedure.use(finalMiddleware)

apps/viewer/src/pages/api/v1/[...trpc].ts

@@ -1,5 +1,5 @@
 import { appRouter } from '@/helpers/server/routers/appRouterV1'
-import { captureException } from '@sentry/nextjs'
+import * as Sentry from '@sentry/nextjs'
 import { createOpenApiNextHandler } from 'trpc-openapi'
 import cors from 'nextjs-cors'
 import { NextApiRequest, NextApiResponse } from 'next'
@@ -13,7 +13,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
     createContext,
     onError({ error }) {
       if (error.code === 'INTERNAL_SERVER_ERROR') {
-        captureException(error)
+        Sentry.captureException(error)
         console.error('Something went wrong', error)
       }
     },

apps/viewer/src/pages/api/v2/[...trpc].ts

@@ -1,5 +1,5 @@
 import { appRouter } from '@/helpers/server/routers/appRouterV2'
-import { captureException } from '@sentry/nextjs'
+import * as Sentry from '@sentry/nextjs'
 import { createOpenApiNextHandler } from 'trpc-openapi'
 import cors from 'nextjs-cors'
 import { NextApiRequest, NextApiResponse } from 'next'
@@ -13,7 +13,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
     createContext,
     onError({ error }) {
       if (error.code === 'INTERNAL_SERVER_ERROR') {
-        captureException(error)
+        Sentry.captureException(error)
         console.error('Something went wrong', error)
       }
     },