Updates example code for Next.js in docs (#857)

firebase · Sep 17, 2024 · 28ecb65 · 28ecb65
1 parent 4ca10b3
commit 28ecb65
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/docs/nextjs.md b/docs/nextjs.md
@@ -127,21 +127,23 @@ Node.js 20 or later.
         import { useState } from 'react';
 
         export default function Home() {
-          const [menuItem, setMenu] = useState<string>('');
+          const [menuItem, setMenuItem] = useState<string>('');
 
           async function getMenuItem(formData: FormData) {
             const theme = formData.get('theme')?.toString() ?? '';
             const suggestion = await callMenuSuggestionFlow(theme);
-            setMenu(suggestion);
+            setMenuItem(suggestion);
           }
 
           return (
             <main>
               <form action={getMenuItem}>
-                <label>
+                <label htmlFor="theme">
                   Suggest a menu item for a restaurant with this theme:{' '}
                 </label>
-                <input type="text" name="theme" />
+                <input type="text" name="theme" id="theme" />
+                <br />
+                <br />
                 <button type="submit">Generate</button>
               </form>
               <br />