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

frontend/src/hooks.server.ts

@@ -8,12 +8,9 @@ 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 {
-		errorId,
+		status,
 		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>