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);