From a2f30d6cfb6ec92c476df3ebb53d95c3e4f735cf Mon Sep 17 00:00:00 2001
From: Nils-Johan Gynther <nils-johan.gynther@neoleaf.se>
Date: Thu, 9 Apr 2026 23:04:15 +0200
Subject: [PATCH] Add type definition for products state in CreateRecipePage
 component

---
 frontend/app/recipes/create/CreateRecipePage.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/app/recipes/create/CreateRecipePage.tsx b/frontend/app/recipes/create/CreateRecipePage.tsx
index 30bacebe..07479262 100644
--- a/frontend/app/recipes/create/CreateRecipePage.tsx
+++ b/frontend/app/recipes/create/CreateRecipePage.tsx
@@ -3,6 +3,7 @@
 import { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import { fetchJson } from '../../../lib/api';
+import type { Product } from '../../../features/inventory/types';
 
 export default function CreateRecipePage() {
   const router = useRouter();
@@ -12,7 +13,7 @@ export default function CreateRecipePage() {
     instructions: '',
     ingredients: [{ productId: 0, quantity: '', unit: '', note: '' }],
   });
-  const [products, setProducts] = useState([]);
+  const [products, setProducts] = useState<Product[]>([]);
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);