diff --git a/frontend/app/recipes/[id]/edit/page.tsx b/frontend/app/recipes/[id]/edit/page.tsx
index 088a4f4a..cfbe26d8 100644
--- a/frontend/app/recipes/[id]/edit/page.tsx
+++ b/frontend/app/recipes/[id]/edit/page.tsx
@@ -8,7 +8,7 @@ import type { Product, Recipe } from '../../../../features/inventory/types';
 export default function EditRecipePage() {
   const router = useRouter();
   const params = useParams();
-  const recipeId = Array.isArray(params.id) ? params.id[0] : params.id;
+  const recipeId = params && (Array.isArray(params.id) ? params.id[0] : params.id);
 
   const [recipe, setRecipe] = useState({
     name: '',
@@ -23,6 +23,12 @@ export default function EditRecipePage() {
 
   useEffect(() => {
     const loadData = async () => {
+      if (!recipeId) {
+        setError('Receptet hittades inte.');
+        setIsLoading(false);
+        return;
+      }
+
       try {
         // Ladda produkter
         const productsData = await fetchJson<Product[]>('/api/products');