the demo of useOptimistic has some bugs

[JackWuyulong]

i found some bugs when i run the demo of useOptimistic. The result of list always show the final value instead of all my input value if i input quickly.

Then i awared of why the result like this. Because the function of sendMessages isn't right.
async function sendMessage(formData) { const sentMessage = await deliverMessage(formData.get("message")); **setMessages([...messages, { text: sentMessage }]);** }
it should be like below:
setMessages((messages) =>[...messages,{text:sentMessage}] )

i hope to get reply, thanks

[mattcarrollcode]

Thanks for the bug report! I've reproduced the error, and looks like a race condition.

Link to page with the problematic code sample: https://react.dev/reference/react/useOptimistic#optimistically-updating-with-forms

Pointer to the code that has the bug: https://github.com/reactjs/react.dev/blob/main/src/content/reference/react/useOptimistic.md?plain=1#L119

[kmiddleton14]

This should now be fixed. Thank you for reporting!

[thedv91]

When I set a longer timeout. Is this an error?

[rickhanlonii]

@thedv91 yes, we're tracking that here: facebook/react#28574 (comment)