fix: dev server broke due to sentry package

Author: DennisKraaijeveld

app/routes/_seo+/sitemap[.]xml.ts

@@ -4,6 +4,9 @@ import { getDomainUrl } from '#app/utils/misc.tsx'
 
 export async function loader({ request, context }: LoaderFunctionArgs) {
 	const serverBuild = (await context.serverBuild) as { build: ServerBuild }
+
+	// TODO: This is typeerror is coming up since of the remix-run/server-runtime package. We might need to remove/update that one.
+	// @ts-expect-error
 	return generateSitemap(request, serverBuild.build.routes, {
 		siteUrl: getDomainUrl(request),
 		headers: {

server/index.ts

@@ -1,6 +1,6 @@
 import crypto from 'node:crypto'
 import { createRequestHandler } from '@react-router/express'
-import Sentry from '@sentry/react'
+import * as Sentry from '@sentry/react'
 import { ip as ipAddress } from 'address'
 import chalk from 'chalk'
 import closeWithGrace from 'close-with-grace'
@@ -12,8 +12,6 @@ import helmet from 'helmet'
 import morgan from 'morgan'
 import { type ServerBuild } from 'react-router'
 
-console.log('Starting server from  index.ts...')
-
 const MODE = process.env.NODE_ENV ?? 'development'
 const IS_PROD = MODE === 'production'
 const IS_DEV = MODE === 'development'
@@ -32,7 +30,7 @@ const viteDevServer = IS_PROD
 			}),
 		)
 
-export const app = express()
+const app = express()
 
 const getHost = (req: { get: (key: string) => string | undefined }) =>
 	req.get('X-Forwarded-Host') ?? req.get('host') ?? ''
@@ -67,7 +65,7 @@ app.get('*', (req, res, next) => {
 
 app.use(compression())
 
-// http://expressjs.com/en/advanced/best-practice-security.html#at-a-minimum-disable-x-powered-by-header
+// // http://expressjs.com/en/advanced/best-practice-security.html#at-a-minimum-disable-x-powered-by-header
 app.disable('x-powered-by')
 
 if (viteDevServer) {