diff --git a/src/components/recipes/EditRecipePage.vue b/src/components/recipes/EditRecipePage.vue
index 1ad915a..600f2c9 100644
--- a/src/components/recipes/EditRecipePage.vue
+++ b/src/components/recipes/EditRecipePage.vue
@@ -76,7 +76,7 @@ import { getRecipe, parseRecipe, saveRecipe as saveRecipeApi, deleteRecipe as de
 import EditableIngredientsPanel from '@/components/ingredients/EditableIngredientsPanel.vue'
 
 const props = defineProps({
-  id: { type: Number, required: false },
+  id: { type: Number, required: false, default: undefined },
 })
 
 const router = useRouter()