diff --git a/frontend/app/recipes/create/CreateRecipePage.tsx b/frontend/app/recipes/create/CreateRecipePage.tsx
index b14bb968..30bacebe 100644
--- a/frontend/app/recipes/create/CreateRecipePage.tsx
+++ b/frontend/app/recipes/create/CreateRecipePage.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import { fetchJson } from '../../../lib/api';
 
@@ -16,8 +16,7 @@ export default function CreateRecipePage() {
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
-  // Hämta produkter vid sidladdning
-  useState(() => {
+  useEffect(() => {
     fetchJson('/api/products')
       .then(setProducts)
       .catch(console.error);