chore: react 19 upgrade

Author: lsbyerley

app/components/error-boundary.tsx

@@ -5,12 +5,13 @@ import {
 	useRouteError,
 } from '@remix-run/react'
 import { captureRemixErrorBoundaryError } from '@sentry/remix'
+import { type ReactElement } from 'react'
 import { getErrorMessage } from '#app/utils/misc.tsx'
 
 type StatusHandler = (info: {
 	error: ErrorResponse
 	params: Record<string, string | undefined>
-}) => JSX.Element | null
+}) => ReactElement | null
 
 export function GeneralErrorBoundary({
 	defaultStatusHandler = ({ error }) => (
@@ -23,7 +24,7 @@ export function GeneralErrorBoundary({
 }: {
 	defaultStatusHandler?: StatusHandler
 	statusHandlers?: Record<number, StatusHandler>
-	unexpectedErrorHandler?: (error: unknown) => JSX.Element | null
+	unexpectedErrorHandler?: (error: unknown) => ReactElement | null
 }) {
 	const error = useRouteError()
 	captureRemixErrorBoundaryError(error)

app/components/forms.tsx

@@ -144,7 +144,7 @@ export function CheckboxField({
 	errors,
 	className,
 }: {
-	labelProps: JSX.IntrinsicElements['label']
+	labelProps: React.ComponentProps<'label'>
 	buttonProps: CheckboxProps & {
 		name: string
 		form: string

app/root.tsx

@@ -24,6 +24,8 @@ import SiteFooter from '#app/components/site-footer.js'
 import { useToast } from '#app/components/toaster.tsx'
 import { Button } from '#app/components/ui/button.tsx'
 import {
+	SheetDescription,
+	SheetTitle,
 	SheetTrigger,
 	SheetClose,
 	SheetContent,
@@ -226,6 +228,8 @@ function App() {
 							className="flex flex-col bg-gray-950 p-6 text-gray-50"
 							side="left"
 						>
+							<SheetTitle className='hidden sr-only'>site nav menu</SheetTitle>
+							<SheetDescription className='hidden sr-only'>site nav menu open</SheetDescription>
 							<div className="mb-6 flex items-center justify-between">
 								<div className="flex items-center justify-center">
 									<Link to="/" className="group grid leading-snug">