?. where needed

frontend/src/app.d.ts

@@ -3,8 +3,8 @@
 declare global {
 	namespace App {
 		export interface Error {
-			status: number;
 			message: string;
+			errorId: string;
 		}
 		// interface Locals {}
 		// interface PageData {}

frontend/src/hooks.client.ts

@@ -1,7 +1,10 @@
 export async function handleError({ error, event, status, message }) {
+	const errorId = crypto.randomUUID();
 	console.error(error)
+	// console.error(event)
+	// console.error(status)
 	return {
-		status,
+		errorId,
 		message
 	};
 }

frontend/src/hooks.server.ts

@@ -8,9 +8,12 @@ export async function handleFetch({ request, fetch }) {
 }
 
 export async function handleError({ error, event, status, message }) {
+	const errorId = crypto.randomUUID();
 	console.error(error)
+	// console.error(event)
+	// console.error(status)
 	return {
-		status,
+		errorId,
 		message
 	};
 }

frontend/src/routes/+error.svelte

@@ -5,7 +5,7 @@
 <div id='container'>
 	<div class="wrapper">
 		<p id="status">{$page.status}</p>
-		<p id="message">{$page.error.message}</p>
+		<p id="message">{$page.error?.message}</p>
 	</div>
 </div>