update most dependencies (#749)

With the exception of react-email (resend/react-email#1486)

Author: kentcdodds

app/components/ui/input-otp.tsx

@@ -32,7 +32,9 @@ const InputOTPSlot = React.forwardRef<
 	React.ComponentPropsWithoutRef<'div'> & { index: number }
 >(({ index, className, ...props }, ref) => {
 	const inputOTPContext = React.useContext(OTPInputContext)
-	const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]
+	const slot = inputOTPContext.slots[index]
+	if (!slot) throw new Error('Invalid slot index')
+	const { char, hasFakeCaret, isActive } = slot
 
 	return (
 		<div

app/utils/cache.server.ts

@@ -100,7 +100,6 @@ export const cache: CachifiedCache = {
 		return { metadata, value }
 	},
 	async set(key, entry) {
-		// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
 		const { currentIsPrimary, primaryInstance } = await getInstanceInfo()
 		if (currentIsPrimary) {
 			cacheDb

app/utils/monitoring.client.tsx

@@ -1,9 +1,14 @@
 import { useLocation, useMatches } from '@remix-run/react'
-import * as Sentry from '@sentry/remix'
+import {
+	init as sentryInit,
+	browserTracingIntegration,
+	replayIntegration,
+	browserProfilingIntegration,
+} from '@sentry/remix'
 import { useEffect } from 'react'
 
 export function init() {
-	Sentry.init({
+	sentryInit({
 		dsn: ENV.SENTRY_DSN,
 		environment: ENV.MODE,
 		beforeSend(event) {
@@ -20,16 +25,13 @@ export function init() {
 			return event
 		},
 		integrations: [
-			new Sentry.BrowserTracing({
-				routingInstrumentation: Sentry.remixRouterInstrumentation(
-					useEffect,
-					useLocation,
-					useMatches,
-				),
+			browserTracingIntegration({
+				useEffect,
+				useLocation,
+				useMatches,
 			}),
-			// Replay is only available in the client
-			new Sentry.Replay(),
-			new Sentry.BrowserProfilingIntegration(),
+			replayIntegration(),
+			browserProfilingIntegration(),
 		],
 
 		// Set tracesSampleRate to 1.0 to capture 100%

app/utils/monitoring.server.ts

@@ -1,6 +1,5 @@
-import { ProfilingIntegration } from '@sentry/profiling-node'
-import * as Sentry from '@sentry/remix'
-import { prisma } from './db.server.ts'
+import { nodeProfilingIntegration } from '@sentry/profiling-node'
+import Sentry from '@sentry/remix'
 
 export function init() {
 	Sentry.init({
@@ -18,9 +17,9 @@ export function init() {
 			/\/site\.webmanifest/,
 		],
 		integrations: [
-			new Sentry.Integrations.Http({ tracing: true }),
-			new Sentry.Integrations.Prisma({ client: prisma }),
-			new ProfilingIntegration(),
+			Sentry.httpIntegration(),
+			Sentry.prismaIntegration(),
+			nodeProfilingIntegration(),
 		],
 		tracesSampler(samplingContext) {
 			// ignore healthcheck transactions by other services (consul, etc.)

app/utils/providers/github.server.ts

@@ -30,7 +30,10 @@ export class GitHubProvider implements AuthProvider {
 				callbackURL: '/auth/github/callback',
 			},
 			async ({ profile }) => {
-				const email = profile.emails[0].value.trim().toLowerCase()
+				const email = profile.emails[0]?.value.trim().toLowerCase()
+				if (!email) {
+					throw new Error('Email not found')
+				}
 				const username = profile.displayName
 				const imageUrl = profile.photos[0].value
 				return {

app/utils/timing.server.ts

@@ -30,7 +30,6 @@ function createTimer(type: string, desc?: string) {
 			let timingType = timings[type]
 
 			if (!timingType) {
-				// eslint-disable-next-line no-multi-assign
 				timingType = timings[type] = []
 			}
 			timingType.push({ desc, time: performance.now() - start })