diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index b32ad7be..263529e1 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -1,21 +1,21 @@
 <script>
   import { goto } from '$app/navigation';
   import { resolve } from '$app/paths';
-  import { page } from '$app/stores';
+  import { page } from '$app/state';
   import { onMount } from 'svelte';
 
   // Only redirect if it's a 404 error
   onMount(() => {
-    if ($page.status === 404) {
+    if (page.status === 404) {
       goto(resolve('/'));
     }
   });
 </script>
 
-{#if $page.status !== 404}
+{#if page.status !== 404}
   <div class="container mx-auto p-8">
-    <h1 class="mb-4 text-2xl font-bold">Error {$page.status}</h1>
-    <p class="mb-4">{$page.error?.message || 'An unexpected error occurred'}</p>
+    <h1 class="mb-4 text-2xl font-bold">Error {page.status}</h1>
+    <p class="mb-4">{page.error?.message || 'An unexpected error occurred'}</p>
     <a href={resolve('/')} class="text-blue-500 hover:underline">Return to Home</a>
   </div>
 {/if}