From a76bf45705875431527e0a67315634b817ba257a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gwenae=CC=88l=20Gallon?= <gwenael.gallon@mac.com>
Date: Fri, 27 Sep 2024 22:10:01 +0200
Subject: [PATCH] fix (docs): corrected setMessages in Update UI

---
 .../02-getting-started/02-nextjs-app-router.mdx    | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/content/docs/02-getting-started/02-nextjs-app-router.mdx b/content/docs/02-getting-started/02-nextjs-app-router.mdx
index c419cebb5ff..ec464b2f309 100644
--- a/content/docs/02-getting-started/02-nextjs-app-router.mdx
+++ b/content/docs/02-getting-started/02-nextjs-app-router.mdx
@@ -329,12 +329,10 @@ export default function Chat() {
       <form
         onSubmit={async e => {
           e.preventDefault();
-          const newMessages: CoreMessage[] = [
+          setMessages(messages => [
             ...messages,
             { content: input, role: 'user' },
-          ];
-
-          setMessages(newMessages);
+          ]);
           setInput('');
 
           const result = await continueConversation(newMessages);
@@ -401,7 +399,7 @@ The only change that you make here is to declare a new value (`data`) and return
 
 Update your root page with the following code:
 
-```tsx filename="app/page.tsx" highlight="14, 17, 37, 39"
+```tsx filename="app/page.tsx" highlight="14, 17, 35, 37"
 'use client';
 
 import { type CoreMessage } from 'ai';
@@ -429,12 +427,10 @@ export default function Chat() {
       <form
         onSubmit={async e => {
           e.preventDefault();
-          const newMessages: CoreMessage[] = [
+          setMessages(messages => [
             ...messages,
             { content: input, role: 'user' },
-          ];
-
-          setMessages(newMessages);
+          ]);
           setInput('');
 
           const result = await continueConversation(newMessages);