react.dev icon indicating copy to clipboard operation
react.dev copied to clipboard

[Suggestion]: Can you add a paragraph saying useOptimistic updater function should be called in transition?

Open gmoniava opened this issue 9 months ago • 0 comments

Summary

Here:

const [optimisticState, addOptimistic] = useOptimistic(state, updateFn);

When you call updateFn without transition react gives warning:

Warning: An optimistic state update occurred outside a transition or action. To fix, move the update to an action, or wrap with startTransition.

Page

https://react.dev/reference/react/useOptimistic

Details

Can you also add this information (which is in the warning) in the docs so that it is not only as a warning in the console? The example in the docs may further confuse people because formAction is not wrapped in transition (but apparently react does that for you when it is passed as action prop - and many might not realize this).

gmoniava avatar Apr 14 '25 19:04 gmoniava