Fix useOptimistic demo bug (#6422)

kmiddleton14 · web-flow · commit 49ebed1b5bc7 · 2023-11-08T13:08:58.000-05:00
diff --git a/src/content/reference/react/useOptimistic.md b/src/content/reference/react/useOptimistic.md
@@ -116,7 +116,7 @@ export default function App() {
   ]);
   async function sendMessage(formData) {
     const sentMessage = await deliverMessage(formData.get("message"));
-    setMessages([...messages, { text: sentMessage }]);
+    setMessages((messages) => [...messages, { text: sentMessage }]);
   }
   return <Thread messages={messages} sendMessage={sendMessage} />;
 }

Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,7 @@ export default function App() {`
`116`	`116`	`]);`
`117`	`117`	`async function sendMessage(formData) {`
`118`	`118`	`const sentMessage = await deliverMessage(formData.get("message"));`
`119`		`- setMessages([...messages, { text: sentMessage }]);`
	`119`	`+ setMessages((messages) => [...messages, { text: sentMessage }]);`
`120`	`120`	`}`
`121`	`121`	`return <Thread messages={messages} sendMessage={sendMessage} />;`
`122`	`122`	`}`