// 🚫 Does not send to Sentry dashboard
 
export const action = async ({ request }: ActionFunctionArgs) => {
 throw new Error('SentryExampleBackendError: error is raised on the backend.')
 return null
}

// ✅ Does send to Sentry dashboard
export const action = async ({ request }: ActionFunctionArgs) => {
 try {
 throw new Error('SentryExampleBackendError: error is raised on the backend.')
 } catch (error) {
 // Manually capture with additional context
 Sentry.captureException(error, {
 tags: {
 section: 'sentry-example',
 action: 'sentry-example-page',
 },
 extra: {
 url: url.toString(),
 method: request.method,
 timestamp: new Date().toISOString(),
 },
 })
 }
 return null
}

 Sentry.init({
 dsn: envVars.SENTRY_DSN,
 tracesSampleRate: 1,
 environment: envVars.SENTRY_ENV,
 integrations: [],
 })

import { captureRemixErrorBoundaryError, withSentry } from '@sentry/remix'
import { RootErrorBoundary } from './components/RootErrorBoundary'
const App = () => {
 return (
 <Layout>
 <Outlet />
 </OSHXpressLayout>
 )
}
export function ErrorBoundary() {
 const { isProductionEnvironment } = useRootLoaderData()
 const error = useRouteError() as Error | undefined
 
 console.error(`[Sentry][ErrorBoundary] ${error?.name} ${error?.message}`)
 captureRemixErrorBoundaryError(error)
 return <RootErrorBoundary error={error} />
}
// ✅ Added per the documentation
export default withSentry(App)

import { createRequestHandler } from '@remix-run/express'
import express from 'express'
import { createServer } from 'vite'
export async function buildServer({ argv }) {
 const app = express()
 const viteServer = await createServer({
 server: {
 middlewareMode: true,
 hmr: {
 port: argv.hmrPort || 443,
 },
 },
 })
 app.use(viteServer.middlewares)
 const requestHandler = createRequestHandler({
 build: () => viteServer.ssrLoadModule('virtual:remix/server-build'),
 })
 app.all('*', requestHandler)
 return app
}