diff --git a/frontend/src/routes/+error.svelte b/frontend/src/routes/+error.svelte
index ac3f983..1a6e757 100644
--- a/frontend/src/routes/+error.svelte
+++ b/frontend/src/routes/+error.svelte
@@ -1,20 +1,18 @@
 <script lang="ts">
+	import { page } from '$app/stores';
 	import { Button } from '$lib/components/ui/button';
-
-	export let error: Error;
-	export let status: number;
 </script>
 
 <section class="py-20 text-center">
-	<h1 class="mb-4 text-5xl font-bold">{status}</h1>
+	<h1 class="mb-4 text-5xl font-bold">{$page.status}</h1>
 	<p class="mb-6 text-lg text-gray-600">
-		{status === 404
+		{$page.status === 404
 			? "Oops! The page you are looking for doesn't exist."
 			: 'Something went wrong. Please try again later.'}
 	</p>
 
-	{#if error?.message}
-		<p class="mb-8 text-gray-500">{error.message}</p>
+	{#if $page.error?.message}
+		<p class="mb-8 text-gray-500">{$page.error.message}</p>
 	{/if}
 
 	<Button href="/" class="px-6 py-3 text-lg">Go Back Home</Button>