update to latest sentry and fix types

Author: kentcdodds

app/routes/settings+/profile.connections.tsx

@@ -23,7 +23,7 @@ import { prisma } from '#app/utils/db.server.ts'
 import { pipeHeaders } from '#app/utils/headers.server.js'
 import { makeTimings } from '#app/utils/timing.server.ts'
 import { createToastHeaders } from '#app/utils/toast.server.ts'
-import { type Info, type Route } from './+types/profile.connections.ts'
+import { type Route } from './+types/profile.connections.ts'
 import { type BreadcrumbHandle } from './profile.tsx'
 
 export const handle: BreadcrumbHandle & SEOHandle = {
@@ -150,7 +150,7 @@ function Connection({
 	connection,
 	canDelete,
 }: {
-	connection: Info['loaderData']['connections'][number]
+	connection: Route.ComponentProps['loaderData']['connections'][number]
 	canDelete: boolean
 }) {
 	const deleteFetcher = useFetcher<typeof action>()

app/routes/settings+/profile.index.tsx

@@ -15,7 +15,7 @@ import { getUserImgSrc, useDoubleCheck } from '#app/utils/misc.tsx'
 import { authSessionStorage } from '#app/utils/session.server.ts'
 import { redirectWithToast } from '#app/utils/toast.server.ts'
 import { NameSchema, UsernameSchema } from '#app/utils/user-validation.ts'
-import { type Route, type Info } from './+types/profile.index.ts'
+import { type Route } from './+types/profile.index.ts'
 import { twoFAVerificationType } from './profile.two-factor.tsx'
 
 export const handle: SEOHandle = {
@@ -219,7 +219,11 @@ async function profileUpdateAction({ userId, formData }: ProfileActionArgs) {
 	}
 }
 
-function UpdateProfile({ loaderData }: { loaderData: Info['loaderData'] }) {
+function UpdateProfile({
+	loaderData,
+}: {
+	loaderData: Route.ComponentProps['loaderData']
+}) {
 	const fetcher = useFetcher<typeof profileUpdateAction>()
 
 	const [form, fields] = useForm({
@@ -293,9 +297,9 @@ async function signOutOfSessionsAction({ request, userId }: ProfileActionArgs) {
 }
 
 function SignOutOfSessions({
-	loaderData: loaderData,
+	loaderData,
 }: {
-	loaderData: Info['loaderData']
+	loaderData: Route.ComponentProps['loaderData']
 }) {
 	const dc = useDoubleCheck()
 

app/routes/users+/$username_+/__note-editor.tsx

@@ -21,7 +21,7 @@ import { Label } from '#app/components/ui/label.tsx'
 import { StatusButton } from '#app/components/ui/status-button.tsx'
 import { Textarea } from '#app/components/ui/textarea.tsx'
 import { cn, getNoteImgSrc, useIsPending } from '#app/utils/misc.tsx'
-import { type Info } from './+types/notes.$noteId_.edit.ts'
+import { type Route } from './+types/notes.$noteId_.edit.ts'
 
 const titleMinLength = 1
 const titleMaxLength = 100
@@ -54,8 +54,8 @@ export function NoteEditor({
 	note,
 	actionData,
 }: {
-	note?: Info['loaderData']['note']
-	actionData?: Info['actionData']
+	note?: Route.ComponentProps['loaderData']['note']
+	actionData?: Route.ComponentProps['actionData']
 }) {
 	const isPending = useIsPending()
 

app/routes/users+/$username_+/notes.$noteId.tsx

@@ -18,8 +18,8 @@ import { getNoteImgSrc, useIsPending } from '#app/utils/misc.tsx'
 import { requireUserWithPermission } from '#app/utils/permissions.server.ts'
 import { redirectWithToast } from '#app/utils/toast.server.ts'
 import { userHasPermission, useOptionalUser } from '#app/utils/user.ts'
-import { type Route, type Info } from './+types/notes.$noteId.ts'
-import { type Info as notesInfo } from './+types/notes.ts'
+import { type Route } from './+types/notes.$noteId.ts'
+import { type Route as NotesRoute } from './+types/notes.ts'
 
 export async function loader({ params }: Route.LoaderArgs) {
 	const note = await prisma.note.findUnique({
@@ -173,7 +173,7 @@ export function DeleteNote({
 	actionData,
 }: {
 	id: string
-	actionData: Info['actionData'] | undefined
+	actionData: Route.ComponentProps['actionData'] | undefined
 }) {
 	const isPending = useIsPending()
 	const [form] = useForm({
@@ -205,7 +205,7 @@ export function DeleteNote({
 export const meta: Route.MetaFunction = ({ data, params, matches }) => {
 	const notesMatch = matches.find(
 		(m) => m?.id === 'routes/users+/$username_+/notes',
-	) as { data: notesInfo['loaderData'] } | undefined
+	) as { data: NotesRoute.ComponentProps['loaderData'] } | undefined
 
 	const displayName = notesMatch?.data?.owner.name ?? params.username
 	const noteTitle = data?.note.title ?? 'Note'

app/routes/users+/$username_+/notes.index.tsx

@@ -1,5 +1,5 @@
 import { type Route } from './+types/notes.index.ts'
-import { type Info as notesInfo } from './+types/notes.ts'
+import { type Route as NotesRoute } from './+types/notes.ts'
 
 export default function NotesIndexRoute() {
 	return (
@@ -12,7 +12,7 @@ export default function NotesIndexRoute() {
 export const meta: Route.MetaFunction = ({ params, matches }) => {
 	const notesMatch = matches.find(
 		(m) => m?.id === 'routes/users+/$username_+/notes',
-	) as { data: notesInfo['loaderData'] }
+	) as { data: NotesRoute.ComponentProps['loaderData'] }
 
 	const displayName = notesMatch?.data?.owner.name ?? params.username
 	const noteCount = notesMatch?.data?.owner.notes.length ?? 0