react.dev
react.dev copied to clipboard
[Suggestion]: Can you add a paragraph saying useOptimistic updater function should be called in transition?
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).