added extra logging

app/entry.client.tsx

@@ -17,7 +17,7 @@ Sentry.init({
 				useMatches
 			)
 		}),
-		new Sentry.Replay()
+		new Sentry.Replay({ maskAllText: false })
 	]
 })
 

app/errorBoundary.tsx

@@ -1,16 +1,23 @@
 // This is exported in root to automatically catch errors, but can be used anywhere in the app.
 import { isRouteErrorResponse, useRouteError } from '@remix-run/react'
-import { captureRemixErrorBoundaryError } from '@sentry/remix'
+import { captureRemixErrorBoundaryError, setContext } from '@sentry/remix'
+import { getAudioState, getAppState } from '~/api/db/appState'
 import App from '~/root'
 
-export const ErrorBoundary = (error: Error) => {
+export const ErrorBoundary = async (error: Error) => {
 	const routeError = (useRouteError() as Error) || error
 
 	const message = isRouteErrorResponse(routeError)
 		? routeError.data.message || routeError.data || routeError
 		: routeError?.message || JSON.stringify(routeError)
 
 	if (message) {
+		const [audioState] = getAudioState()
+		setContext('audioState', audioState || {})
+
+		const [appState] = getAppState()
+		setContext('appState', appState || {})
+
 		captureRemixErrorBoundaryError(message)
 		return <App error={message} />
 	}