diff --git a/src/composables/useWishlistStore.ts b/src/composables/useWishlistStore.ts
index 1afb81f..789927a 100644
--- a/src/composables/useWishlistStore.ts
+++ b/src/composables/useWishlistStore.ts
@@ -41,7 +41,7 @@ const updateWishlist = async (updatedData: Wishlist): Promise<void> => {
 }
 
 const deleteWishlist = async (): Promise<void> => {
-  const { error } = await useFetch(`/wishlist/${state.value.id}`).delete()
+  const { error } = await useFetch(`/wishlist/${state!.value!.id}`).delete()
   if (error.value) {
     throw error.value
   }
diff --git a/src/views/DetailView.vue b/src/views/DetailView.vue
index 23163db..ce23ba2 100644
--- a/src/views/DetailView.vue
+++ b/src/views/DetailView.vue
@@ -112,7 +112,7 @@ const handleDeleteItem = async (item: WishlistItemType): Promise<void> => {
 </script>
 
 <template>
-  <div v-if="isFinished" class="h-full">
+  <div v-if="isFinished && state !== undefined" class="h-full">
     <div
       class="flex flex-col items-center space-x-0 space-y-2 md:flex-row md:space-x-6 md:space-y-0"
     >