{"body":"Based on https:\/\/github.com\/facebook\/react\/pull\/31756\n\nThis is landed everywhere","parents":["fb12845d779667b35cc7f44eee6bea47f4db72ba"],"patch":"diff --git a\/packages\/react-debug-tools\/src\/ReactDebugHooks.js b\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\nindex 2a0c57154e..eccaa6a67b 100644\n--- a\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\n+++ b\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\n@@ -104,22 +104,14 @@ function getPrimitiveStackCache(): Map> {\n );\n Dispatcher.useDeferredValue(null);\n Dispatcher.useMemo(() => null);\n+ Dispatcher.useOptimistic(null, (s: mixed, a: mixed) => s);\n+ Dispatcher.useFormState((s: mixed, p: mixed) => s, null);\n+ Dispatcher.useActionState((s: mixed, p: mixed) => s, null);\n+ Dispatcher.useHostTransitionStatus();\n if (typeof Dispatcher.useMemoCache === 'function') {\n \/\/ This type check is for Flow only.\n Dispatcher.useMemoCache(0);\n }\n- if (typeof Dispatcher.useOptimistic === 'function') {\n- \/\/ This type check is for Flow only.\n- Dispatcher.useOptimistic(null, (s: mixed, a: mixed) => s);\n- }\n- if (typeof Dispatcher.useFormState === 'function') {\n- \/\/ This type check is for Flow only.\n- Dispatcher.useFormState((s: mixed, p: mixed) => s, null);\n- }\n- if (typeof Dispatcher.useActionState === 'function') {\n- \/\/ This type check is for Flow only.\n- Dispatcher.useActionState((s: mixed, p: mixed) => s, null);\n- }\n if (typeof Dispatcher.use === 'function') {\n \/\/ This type check is for Flow only.\n Dispatcher.use(\n@@ -143,11 +135,6 @@ function getPrimitiveStackCache(): Map> {\n }\n \n Dispatcher.useId();\n-\n- if (typeof Dispatcher.useHostTransitionStatus === 'function') {\n- \/\/ This type check is for Flow only.\n- Dispatcher.useHostTransitionStatus();\n- }\n } finally {\n readHookLog = hookLog;\n hookLog = [];\ndiff --git a\/packages\/react-debug-tools\/src\/__tests__\/ReactHooksInspectionIntegration-test.js b\/packages\/react-debug-tools\/src\/__tests__\/ReactHooksInspectionIntegration-test.js\nindex ef9a7c1e6e..fcd84fedfe 100644\n--- a\/packages\/react-debug-tools\/src\/__tests__\/ReactHooksInspectionIntegration-test.js\n+++ b\/packages\/react-debug-tools\/src\/__tests__\/ReactHooksInspectionIntegration-test.js\n@@ -2581,7 +2581,6 @@ describe('ReactHooksInspectionIntegration', () => {\n `);\n });\n \n- \/\/ @gate enableAsyncActions\n it('should support useOptimistic hook', async () => {\n const useOptimistic = React.useOptimistic;\n function Foo() {\n@@ -2647,7 +2646,6 @@ describe('ReactHooksInspectionIntegration', () => {\n `);\n });\n \n- \/\/ @gate enableAsyncActions\n it('should support useActionState hook', async () => {\n function Foo() {\n const [value] = React.useActionState(function increment(n) {\ndiff --git a\/packages\/react-dom-bindings\/src\/client\/ReactFiberConfigDOM.js b\/packages\/react-dom-bindings\/src\/client\/ReactFiberConfigDOM.js\nindex 0933794c68..8e94d48bee 100644\n--- a\/packages\/react-dom-bindings\/src\/client\/ReactFiberConfigDOM.js\n+++ b\/packages\/react-dom-bindings\/src\/client\/ReactFiberConfigDOM.js\n@@ -91,7 +91,6 @@ import {\n enableCreateEventHandleAPI,\n enableScopeAPI,\n enableTrustedTypesIntegration,\n- enableAsyncActions,\n disableLegacyMode,\n enableMoveBefore,\n } from 'shared\/ReactFeatureFlags';\n@@ -1378,9 +1377,8 @@ function getNextHydratable(node: ?Node) {\n nodeData === SUSPENSE_START_DATA ||\n nodeData === SUSPENSE_FALLBACK_START_DATA ||\n nodeData === SUSPENSE_PENDING_START_DATA ||\n- (enableAsyncActions &&\n- (nodeData === FORM_STATE_IS_MATCHING ||\n- nodeData === FORM_STATE_IS_NOT_MATCHING))\n+ nodeData === FORM_STATE_IS_MATCHING ||\n+ nodeData === FORM_STATE_IS_NOT_MATCHING\n ) {\n break;\n }\ndiff --git a\/packages\/react-dom-bindings\/src\/shared\/ReactDOMFormActions.js b\/packages\/react-dom-bindings\/src\/shared\/ReactDOMFormActions.js\nindex ab36fc1119..6dd4e4da44 100644\n--- a\/packages\/react-dom-bindings\/src\/shared\/ReactDOMFormActions.js\n+++ b\/packages\/react-dom-bindings\/src\/shared\/ReactDOMFormActions.js\n@@ -10,7 +10,6 @@\n import type {Dispatcher} from 'react-reconciler\/src\/ReactInternalTypes';\n import type {Awaited} from 'shared\/ReactTypes';\n \n-import {enableAsyncActions} from 'shared\/ReactFeatureFlags';\n import ReactSharedInternals from 'shared\/ReactSharedInternals';\n import ReactDOMSharedInternals from 'shared\/ReactDOMSharedInternals';\n \n@@ -66,13 +65,8 @@ function resolveDispatcher() {\n }\n \n export function useFormStatus(): FormStatus {\n- if (!enableAsyncActions) {\n- throw new Error('Not implemented.');\n- } else {\n- const dispatcher = resolveDispatcher();\n- \/\/ $FlowFixMe[not-a-function] We know this exists because of the feature check above.\n- return dispatcher.useHostTransitionStatus();\n- }\n+ const dispatcher = resolveDispatcher();\n+ return dispatcher.useHostTransitionStatus();\n }\n \n export function useFormState(\n@@ -80,13 +74,8 @@ export function useFormState(\n initialState: Awaited,\n permalink?: string,\n ): [Awaited, (P) => void, boolean] {\n- if (!enableAsyncActions) {\n- throw new Error('Not implemented.');\n- } else {\n- const dispatcher = resolveDispatcher();\n- \/\/ $FlowFixMe[not-a-function] This is unstable, thus optional\n- return dispatcher.useFormState(action, initialState, permalink);\n- }\n+ const dispatcher = resolveDispatcher();\n+ return dispatcher.useFormState(action, initialState, permalink);\n }\n \n export function requestFormReset(form: HTMLFormElement) {\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzForm-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzForm-test.js\nindex 0ecfe3eb82..2300f4563c 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzForm-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzForm-test.js\n@@ -398,7 +398,6 @@ describe('ReactDOMFizzForm', () => {\n expect(buttonRef.current.hasAttribute('formTarget')).toBe(false);\n });\n \n- \/\/ @gate enableAsyncActions\n it('useFormStatus is not pending during server render', async () => {\n function App() {\n const {pending} = useFormStatus();\n@@ -488,7 +487,6 @@ describe('ReactDOMFizzForm', () => {\n expect(rootActionCalled).toBe(false);\n });\n \n- \/\/ @gate enableAsyncActions\n it('useOptimistic returns passthrough value', async () => {\n function App() {\n const [optimisticState] = useOptimistic('hi');\n@@ -507,7 +505,6 @@ describe('ReactDOMFizzForm', () => {\n expect(container.textContent).toBe('hi');\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState returns initial state', async () => {\n async function action(state) {\n return state;\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\nindex 8a8619ff87..9c91be1225 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\n@@ -6330,7 +6330,6 @@ describe('ReactDOMFizzServer', () => {\n expect(getVisibleChildren(container)).toEqual('Hi');\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState hydrates without a mismatch', async () => {\n \/\/ This is testing an implementation detail: useActionState emits comment\n \/\/ nodes into the SSR stream, so this checks that they are handled correctly\n@@ -6383,7 +6382,6 @@ describe('ReactDOMFizzServer', () => {\n expect(childRef.current).toBe(child);\n });\n \n- \/\/ @gate enableAsyncActions\n it(\"useActionState hydrates without a mismatch if there's a render phase update\", async () => {\n async function action(state) {\n return state;\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMForm-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMForm-test.js\nindex 168d44722d..7185cc5cad 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMForm-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMForm-test.js\n@@ -669,7 +669,6 @@ describe('ReactDOMForm', () => {\n expect(actionCalled).toBe(false);\n });\n \n- \/\/ @gate enableAsyncActions\n it('form actions are transitions', async () => {\n const formRef = React.createRef();\n \n@@ -707,7 +706,6 @@ describe('ReactDOMForm', () => {\n expect(container.textContent).toBe('Updated');\n });\n \n- \/\/ @gate enableAsyncActions\n it('multiple form actions', async () => {\n const formRef = React.createRef();\n \n@@ -798,12 +796,6 @@ describe('ReactDOMForm', () => {\n });\n \n it('sync errors in form actions can be captured by an error boundary', async () => {\n- if (gate(flags => !flags.enableAsyncActions)) {\n- \/\/ TODO: Uncaught JSDOM errors fail the test after the scope has finished\n- \/\/ so don't work with the `gate` mechanism.\n- return;\n- }\n-\n class ErrorBoundary extends React.Component {\n state = {error: null};\n static getDerivedStateFromError(error) {\n@@ -844,12 +836,6 @@ describe('ReactDOMForm', () => {\n });\n \n it('async errors in form actions can be captured by an error boundary', async () => {\n- if (gate(flags => !flags.enableAsyncActions)) {\n- \/\/ TODO: Uncaught JSDOM errors fail the test after the scope has finished\n- \/\/ so don't work with the `gate` mechanism.\n- return;\n- }\n-\n class ErrorBoundary extends React.Component {\n state = {error: null};\n static getDerivedStateFromError(error) {\n@@ -895,7 +881,6 @@ describe('ReactDOMForm', () => {\n expect(container.textContent).toBe('Oh no!');\n });\n \n- \/\/ @gate enableAsyncActions\n it('useFormStatus reads the status of a pending form action', async () => {\n const formRef = React.createRef();\n \n@@ -992,7 +977,6 @@ describe('ReactDOMForm', () => {\n );\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState updates state asynchronously and queues multiple actions', async () => {\n let actionCounter = 0;\n async function action(state, type) {\n@@ -1052,7 +1036,6 @@ describe('ReactDOMForm', () => {\n expect(container.textContent).toBe('2');\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState supports inline actions', async () => {\n let increment;\n function App({stepSize}) {\n@@ -1084,7 +1067,6 @@ describe('ReactDOMForm', () => {\n assertLog(['Pending 1', '11']);\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState: dispatch throws if called during render', async () => {\n function App() {\n const [state, dispatch, isPending] = useActionState(async () => {}, 0);\n@@ -1100,7 +1082,6 @@ describe('ReactDOMForm', () => {\n });\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState: queues multiple actions and runs them in order', async () => {\n let action;\n function App() {\n@@ -1132,7 +1113,6 @@ describe('ReactDOMForm', () => {\n expect(container.textContent).toBe('D');\n });\n \n- \/\/ @gate enableAsyncActions\n it(\n 'useActionState: when calling a queued action, uses the implementation ' +\n 'that was current at the time it was dispatched, not the most recent one',\n@@ -1179,7 +1159,6 @@ describe('ReactDOMForm', () => {\n },\n );\n \n- \/\/ @gate enableAsyncActions\n it('useActionState: works if action is sync', async () => {\n let increment;\n function App({stepSize}) {\n@@ -1211,7 +1190,6 @@ describe('ReactDOMForm', () => {\n assertLog(['Pending 1', '11']);\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState: can mix sync and async actions', async () => {\n let action;\n function App() {\n@@ -1239,7 +1217,6 @@ describe('ReactDOMForm', () => {\n expect(container.textContent).toBe('E');\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState: error handling (sync action)', async () => {\n class ErrorBoundary extends React.Component {\n state = {error: null};\n@@ -1288,7 +1265,6 @@ describe('ReactDOMForm', () => {\n expect(container.textContent).toBe('Caught an error: Oops!');\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState: error handling (async action)', async () => {\n class ErrorBoundary extends React.Component {\n state = {error: null};\n@@ -1394,7 +1370,6 @@ describe('ReactDOMForm', () => {\n expect(container.textContent).toBe('Caught an error: Oops!');\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState works in StrictMode', async () => {\n let actionCounter = 0;\n async function action(state, type) {\ndiff --git a\/packages\/react-dom\/src\/client\/ReactDOMRoot.js b\/packages\/react-dom\/src\/client\/ReactDOMRoot.js\nindex 98ec6f9236..1c673bf254 100644\n--- a\/packages\/react-dom\/src\/client\/ReactDOMRoot.js\n+++ b\/packages\/react-dom\/src\/client\/ReactDOMRoot.js\n@@ -16,7 +16,6 @@ import type {\n import {isValidContainer} from 'react-dom-bindings\/src\/client\/ReactDOMContainer';\n import {queueExplicitHydrationTarget} from 'react-dom-bindings\/src\/events\/ReactDOMEventReplaying';\n import {REACT_ELEMENT_TYPE} from 'shared\/ReactSymbols';\n-import {enableAsyncActions} from 'shared\/ReactFeatureFlags';\n \n export type RootType = {\n render(children: ReactNodeList): void,\n@@ -305,10 +304,8 @@ export function hydrateRoot(\n if (options.unstable_transitionCallbacks !== undefined) {\n transitionCallbacks = options.unstable_transitionCallbacks;\n }\n- if (enableAsyncActions) {\n- if (options.formState !== undefined) {\n- formState = options.formState;\n- }\n+ if (options.formState !== undefined) {\n+ formState = options.formState;\n }\n }\n \ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js\nindex df222199b2..119129d506 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js\n@@ -106,7 +106,6 @@ import {\n enableTransitionTracing,\n enableLegacyHidden,\n enableCPUSuspense,\n- enableAsyncActions,\n enablePostpone,\n enableRenderableContext,\n disableLegacyMode,\n@@ -1619,55 +1618,53 @@ function updateHostComponent(\n workInProgress.flags |= ContentReset;\n }\n \n- if (enableAsyncActions) {\n- const memoizedState = workInProgress.memoizedState;\n- if (memoizedState !== null) {\n- \/\/ This fiber has been upgraded to a stateful component. The only way\n- \/\/ happens currently is for form actions. We use hooks to track the\n- \/\/ pending and error state of the form.\n- \/\/\n- \/\/ Once a fiber is upgraded to be stateful, it remains stateful for the\n- \/\/ rest of its lifetime.\n- const newState = renderTransitionAwareHostComponentWithHooks(\n- current,\n- workInProgress,\n- renderLanes,\n- );\n+ const memoizedState = workInProgress.memoizedState;\n+ if (memoizedState !== null) {\n+ \/\/ This fiber has been upgraded to a stateful component. The only way\n+ \/\/ happens currently is for form actions. We use hooks to track the\n+ \/\/ pending and error state of the form.\n+ \/\/\n+ \/\/ Once a fiber is upgraded to be stateful, it remains stateful for the\n+ \/\/ rest of its lifetime.\n+ const newState = renderTransitionAwareHostComponentWithHooks(\n+ current,\n+ workInProgress,\n+ renderLanes,\n+ );\n \n- \/\/ If the transition state changed, propagate the change to all the\n- \/\/ descendents. We use Context as an implementation detail for this.\n- \/\/\n- \/\/ This is intentionally set here instead of pushHostContext because\n- \/\/ pushHostContext gets called before we process the state hook, to avoid\n- \/\/ a state mismatch in the event that something suspends.\n- \/\/\n- \/\/ NOTE: This assumes that there cannot be nested transition providers,\n- \/\/ because the only renderer that implements this feature is React DOM,\n- \/\/ and forms cannot be nested. If we did support nested providers, then\n- \/\/ we would need to push a context value even for host fibers that\n- \/\/ haven't been upgraded yet.\n- if (isPrimaryRenderer) {\n- HostTransitionContext._currentValue = newState;\n- } else {\n- HostTransitionContext._currentValue2 = newState;\n- }\n- if (enableLazyContextPropagation) {\n- \/\/ In the lazy propagation implementation, we don't scan for matching\n- \/\/ consumers until something bails out.\n- } else {\n- if (didReceiveUpdate) {\n- if (current !== null) {\n- const oldStateHook: Hook = current.memoizedState;\n- const oldState: TransitionStatus = oldStateHook.memoizedState;\n- \/\/ This uses regular equality instead of Object.is because we assume\n- \/\/ that host transition state doesn't include NaN as a valid type.\n- if (oldState !== newState) {\n- propagateContextChange(\n- workInProgress,\n- HostTransitionContext,\n- renderLanes,\n- );\n- }\n+ \/\/ If the transition state changed, propagate the change to all the\n+ \/\/ descendents. We use Context as an implementation detail for this.\n+ \/\/\n+ \/\/ This is intentionally set here instead of pushHostContext because\n+ \/\/ pushHostContext gets called before we process the state hook, to avoid\n+ \/\/ a state mismatch in the event that something suspends.\n+ \/\/\n+ \/\/ NOTE: This assumes that there cannot be nested transition providers,\n+ \/\/ because the only renderer that implements this feature is React DOM,\n+ \/\/ and forms cannot be nested. If we did support nested providers, then\n+ \/\/ we would need to push a context value even for host fibers that\n+ \/\/ haven't been upgraded yet.\n+ if (isPrimaryRenderer) {\n+ HostTransitionContext._currentValue = newState;\n+ } else {\n+ HostTransitionContext._currentValue2 = newState;\n+ }\n+ if (enableLazyContextPropagation) {\n+ \/\/ In the lazy propagation implementation, we don't scan for matching\n+ \/\/ consumers until something bails out.\n+ } else {\n+ if (didReceiveUpdate) {\n+ if (current !== null) {\n+ const oldStateHook: Hook = current.memoizedState;\n+ const oldState: TransitionStatus = oldStateHook.memoizedState;\n+ \/\/ This uses regular equality instead of Object.is because we assume\n+ \/\/ that host transition state doesn't include NaN as a valid type.\n+ if (oldState !== newState) {\n+ propagateContextChange(\n+ workInProgress,\n+ HostTransitionContext,\n+ renderLanes,\n+ );\n }\n }\n }\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberHooks.js b\/packages\/react-reconciler\/src\/ReactFiberHooks.js\nindex 514f937609..033e71610f 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberHooks.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberHooks.js\n@@ -44,7 +44,6 @@ import {\n enableUseEffectEventHook,\n enableLegacyCache,\n debugRenderPhaseSideEffectsForStrictMode,\n- enableAsyncActions,\n disableLegacyMode,\n enableNoCloningMemoCache,\n enableContextProfiling,\n@@ -907,9 +906,6 @@ export function renderTransitionAwareHostComponentWithHooks(\n workInProgress: Fiber,\n lanes: Lanes,\n ): TransitionStatus {\n- if (!enableAsyncActions) {\n- throw new Error('Not implemented.');\n- }\n return renderWithHooks(\n current,\n workInProgress,\n@@ -921,10 +917,6 @@ export function renderTransitionAwareHostComponentWithHooks(\n }\n \n export function TransitionAwareHostComponent(): TransitionStatus {\n- if (!enableAsyncActions) {\n- throw new Error('Not implemented.');\n- }\n-\n const dispatcher: any = ReactSharedInternals.H;\n const [maybeThenable] = dispatcher.useState();\n let nextState;\n@@ -1490,7 +1482,7 @@ function updateReducerImpl(\n \n \/\/ Check if this is an optimistic update.\n const revertLane = update.revertLane;\n- if (!enableAsyncActions || revertLane === NoLane) {\n+ if (revertLane === NoLane) {\n \/\/ This is not an optimistic update, and we're going to apply it now.\n \/\/ But, if there were earlier updates that were skipped, we need to\n \/\/ leave this update in the queue so it can be rebased later.\n@@ -3268,25 +3260,14 @@ function startTransition(\n const prevTransition = ReactSharedInternals.T;\n const currentTransition: BatchConfigTransition = {};\n \n- if (enableAsyncActions) {\n- \/\/ We don't really need to use an optimistic update here, because we\n- \/\/ schedule a second \"revert\" update below (which we use to suspend the\n- \/\/ transition until the async action scope has finished). But we'll use an\n- \/\/ optimistic update anyway to make it less likely the behavior accidentally\n- \/\/ diverges; for example, both an optimistic update and this one should\n- \/\/ share the same lane.\n- ReactSharedInternals.T = currentTransition;\n- dispatchOptimisticSetState(fiber, false, queue, pendingState);\n- } else {\n- ReactSharedInternals.T = null;\n- dispatchSetStateInternal(\n- fiber,\n- queue,\n- pendingState,\n- requestUpdateLane(fiber),\n- );\n- ReactSharedInternals.T = currentTransition;\n- }\n+ \/\/ We don't really need to use an optimistic update here, because we\n+ \/\/ schedule a second \"revert\" update below (which we use to suspend the\n+ \/\/ transition until the async action scope has finished). But we'll use an\n+ \/\/ optimistic update anyway to make it less likely the behavior accidentally\n+ \/\/ diverges; for example, both an optimistic update and this one should\n+ \/\/ share the same lane.\n+ ReactSharedInternals.T = currentTransition;\n+ dispatchOptimisticSetState(fiber, false, queue, pendingState);\n \n if (enableTransitionTracing) {\n if (options !== undefined && options.name !== undefined) {\n@@ -3300,78 +3281,61 @@ function startTransition(\n }\n \n try {\n- if (enableAsyncActions) {\n- const returnValue = callback();\n- const onStartTransitionFinish = ReactSharedInternals.S;\n- if (onStartTransitionFinish !== null) {\n- onStartTransitionFinish(currentTransition, returnValue);\n- }\n+ const returnValue = callback();\n+ const onStartTransitionFinish = ReactSharedInternals.S;\n+ if (onStartTransitionFinish !== null) {\n+ onStartTransitionFinish(currentTransition, returnValue);\n+ }\n \n- \/\/ Check if we're inside an async action scope. If so, we'll entangle\n- \/\/ this new action with the existing scope.\n- \/\/\n- \/\/ If we're not already inside an async action scope, and this action is\n- \/\/ async, then we'll create a new async scope.\n- \/\/\n- \/\/ In the async case, the resulting render will suspend until the async\n- \/\/ action scope has finished.\n- if (\n- returnValue !== null &&\n- typeof returnValue === 'object' &&\n- typeof returnValue.then === 'function'\n- ) {\n- const thenable = ((returnValue: any): Thenable);\n- \/\/ Create a thenable that resolves to `finishedState` once the async\n- \/\/ action has completed.\n- const thenableForFinishedState = chainThenableValue(\n- thenable,\n- finishedState,\n- );\n- dispatchSetStateInternal(\n- fiber,\n- queue,\n- (thenableForFinishedState: any),\n- requestUpdateLane(fiber),\n- );\n- } else {\n- dispatchSetStateInternal(\n- fiber,\n- queue,\n- finishedState,\n- requestUpdateLane(fiber),\n- );\n- }\n- } else {\n- \/\/ Async actions are not enabled.\n+ \/\/ Check if we're inside an async action scope. If so, we'll entangle\n+ \/\/ this new action with the existing scope.\n+ \/\/\n+ \/\/ If we're not already inside an async action scope, and this action is\n+ \/\/ async, then we'll create a new async scope.\n+ \/\/\n+ \/\/ In the async case, the resulting render will suspend until the async\n+ \/\/ action scope has finished.\n+ if (\n+ returnValue !== null &&\n+ typeof returnValue === 'object' &&\n+ typeof returnValue.then === 'function'\n+ ) {\n+ const thenable = ((returnValue: any): Thenable);\n+ \/\/ Create a thenable that resolves to `finishedState` once the async\n+ \/\/ action has completed.\n+ const thenableForFinishedState = chainThenableValue(\n+ thenable,\n+ finishedState,\n+ );\n dispatchSetStateInternal(\n fiber,\n queue,\n- finishedState,\n+ (thenableForFinishedState: any),\n requestUpdateLane(fiber),\n );\n- callback();\n- }\n- } catch (error) {\n- if (enableAsyncActions) {\n- \/\/ This is a trick to get the `useTransition` hook to rethrow the error.\n- \/\/ When it unwraps the thenable with the `use` algorithm, the error\n- \/\/ will be thrown.\n- const rejectedThenable: RejectedThenable = {\n- then() {},\n- status: 'rejected',\n- reason: error,\n- };\n+ } else {\n dispatchSetStateInternal(\n fiber,\n queue,\n- rejectedThenable,\n+ finishedState,\n requestUpdateLane(fiber),\n );\n- } else {\n- \/\/ The error rethrowing behavior is only enabled when the async actions\n- \/\/ feature is on, even for sync actions.\n- throw error;\n }\n+ } catch (error) {\n+ \/\/ This is a trick to get the `useTransition` hook to rethrow the error.\n+ \/\/ When it unwraps the thenable with the `use` algorithm, the error\n+ \/\/ will be thrown.\n+ const rejectedThenable: RejectedThenable = {\n+ then() {},\n+ status: 'rejected',\n+ reason: error,\n+ };\n+ dispatchSetStateInternal(\n+ fiber,\n+ queue,\n+ rejectedThenable,\n+ requestUpdateLane(fiber),\n+ );\n } finally {\n setCurrentUpdatePriority(previousPriority);\n \n@@ -3401,15 +3365,6 @@ export function startHostTransition(\n action: (F => mixed) | null,\n formData: F,\n ): void {\n- if (!enableAsyncActions) {\n- \/\/ Form actions are enabled, but async actions are not. Call the function,\n- \/\/ but don't handle any pending or error states.\n- if (action !== null) {\n- action(formData);\n- }\n- return;\n- }\n-\n if (formFiber.tag !== HostComponent) {\n throw new Error(\n 'Expected the form instance to be a HostComponent. This ' +\n@@ -3595,9 +3550,6 @@ function rerenderTransition(): [\n }\n \n function useHostTransitionStatus(): TransitionStatus {\n- if (!enableAsyncActions) {\n- throw new Error('Not implemented.');\n- }\n return readContext(HostTransitionContext);\n }\n \n@@ -4026,6 +3978,10 @@ export const ContextOnlyDispatcher: Dispatcher = {\n useTransition: throwInvalidHookError,\n useSyncExternalStore: throwInvalidHookError,\n useId: throwInvalidHookError,\n+ useHostTransitionStatus: throwInvalidHookError,\n+ useFormState: throwInvalidHookError,\n+ useActionState: throwInvalidHookError,\n+ useOptimistic: throwInvalidHookError,\n };\n if (enableCache) {\n (ContextOnlyDispatcher: Dispatcher).useCacheRefresh = throwInvalidHookError;\n@@ -4039,15 +3995,6 @@ if (enableUseEffectEventHook) {\n if (enableUseResourceEffectHook) {\n (ContextOnlyDispatcher: Dispatcher).useResourceEffect = throwInvalidHookError;\n }\n-if (enableAsyncActions) {\n- (ContextOnlyDispatcher: Dispatcher).useHostTransitionStatus =\n- throwInvalidHookError;\n- (ContextOnlyDispatcher: Dispatcher).useFormState = throwInvalidHookError;\n- (ContextOnlyDispatcher: Dispatcher).useActionState = throwInvalidHookError;\n-}\n-if (enableAsyncActions) {\n- (ContextOnlyDispatcher: Dispatcher).useOptimistic = throwInvalidHookError;\n-}\n if (enableContextProfiling) {\n (ContextOnlyDispatcher: Dispatcher).unstable_useContextWithBailout =\n throwInvalidHookError;\n@@ -4072,6 +4019,10 @@ const HooksDispatcherOnMount: Dispatcher = {\n useTransition: mountTransition,\n useSyncExternalStore: mountSyncExternalStore,\n useId: mountId,\n+ useHostTransitionStatus: useHostTransitionStatus,\n+ useFormState: mountActionState,\n+ useActionState: mountActionState,\n+ useOptimistic: mountOptimistic,\n };\n if (enableCache) {\n (HooksDispatcherOnMount: Dispatcher).useCacheRefresh = mountRefresh;\n@@ -4085,15 +4036,6 @@ if (enableUseEffectEventHook) {\n if (enableUseResourceEffectHook) {\n (HooksDispatcherOnMount: Dispatcher).useResourceEffect = mountResourceEffect;\n }\n-if (enableAsyncActions) {\n- (HooksDispatcherOnMount: Dispatcher).useHostTransitionStatus =\n- useHostTransitionStatus;\n- (HooksDispatcherOnMount: Dispatcher).useFormState = mountActionState;\n- (HooksDispatcherOnMount: Dispatcher).useActionState = mountActionState;\n-}\n-if (enableAsyncActions) {\n- (HooksDispatcherOnMount: Dispatcher).useOptimistic = mountOptimistic;\n-}\n if (enableContextProfiling) {\n (HooksDispatcherOnMount: Dispatcher).unstable_useContextWithBailout =\n unstable_useContextWithBailout;\n@@ -4118,6 +4060,10 @@ const HooksDispatcherOnUpdate: Dispatcher = {\n useTransition: updateTransition,\n useSyncExternalStore: updateSyncExternalStore,\n useId: updateId,\n+ useHostTransitionStatus: useHostTransitionStatus,\n+ useFormState: updateActionState,\n+ useActionState: updateActionState,\n+ useOptimistic: updateOptimistic,\n };\n if (enableCache) {\n (HooksDispatcherOnUpdate: Dispatcher).useCacheRefresh = updateRefresh;\n@@ -4132,15 +4078,6 @@ if (enableUseResourceEffectHook) {\n (HooksDispatcherOnUpdate: Dispatcher).useResourceEffect =\n updateResourceEffect;\n }\n-if (enableAsyncActions) {\n- (HooksDispatcherOnUpdate: Dispatcher).useHostTransitionStatus =\n- useHostTransitionStatus;\n- (HooksDispatcherOnUpdate: Dispatcher).useFormState = updateActionState;\n- (HooksDispatcherOnUpdate: Dispatcher).useActionState = updateActionState;\n-}\n-if (enableAsyncActions) {\n- (HooksDispatcherOnUpdate: Dispatcher).useOptimistic = updateOptimistic;\n-}\n if (enableContextProfiling) {\n (HooksDispatcherOnUpdate: Dispatcher).unstable_useContextWithBailout =\n unstable_useContextWithBailout;\n@@ -4165,6 +4102,10 @@ const HooksDispatcherOnRerender: Dispatcher = {\n useTransition: rerenderTransition,\n useSyncExternalStore: updateSyncExternalStore,\n useId: updateId,\n+ useHostTransitionStatus: useHostTransitionStatus,\n+ useFormState: rerenderActionState,\n+ useActionState: rerenderActionState,\n+ useOptimistic: rerenderOptimistic,\n };\n if (enableCache) {\n (HooksDispatcherOnRerender: Dispatcher).useCacheRefresh = updateRefresh;\n@@ -4179,15 +4120,6 @@ if (enableUseResourceEffectHook) {\n (HooksDispatcherOnRerender: Dispatcher).useResourceEffect =\n updateResourceEffect;\n }\n-if (enableAsyncActions) {\n- (HooksDispatcherOnRerender: Dispatcher).useHostTransitionStatus =\n- useHostTransitionStatus;\n- (HooksDispatcherOnRerender: Dispatcher).useFormState = rerenderActionState;\n- (HooksDispatcherOnRerender: Dispatcher).useActionState = rerenderActionState;\n-}\n-if (enableAsyncActions) {\n- (HooksDispatcherOnRerender: Dispatcher).useOptimistic = rerenderOptimistic;\n-}\n if (enableContextProfiling) {\n (HooksDispatcherOnRerender: Dispatcher).unstable_useContextWithBailout =\n unstable_useContextWithBailout;\n@@ -4347,6 +4279,34 @@ if (__DEV__) {\n mountHookTypesDev();\n return mountId();\n },\n+ useFormState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useFormState';\n+ mountHookTypesDev();\n+ warnOnUseFormStateInDev();\n+ return mountActionState(action, initialState, permalink);\n+ },\n+ useActionState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useActionState';\n+ mountHookTypesDev();\n+ return mountActionState(action, initialState, permalink);\n+ },\n+ useOptimistic(\n+ passthrough: S,\n+ reducer: ?(S, A) => S,\n+ ): [S, (A) => void] {\n+ currentHookNameInDev = 'useOptimistic';\n+ mountHookTypesDev();\n+ return mountOptimistic(passthrough, reducer);\n+ },\n+ useHostTransitionStatus,\n };\n if (enableCache) {\n (HooksDispatcherOnMountInDEV: Dispatcher).useCacheRefresh =\n@@ -4390,42 +4350,6 @@ if (__DEV__) {\n );\n };\n }\n- if (enableAsyncActions) {\n- (HooksDispatcherOnMountInDEV: Dispatcher).useHostTransitionStatus =\n- useHostTransitionStatus;\n- (HooksDispatcherOnMountInDEV: Dispatcher).useFormState =\n- function useFormState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useFormState';\n- mountHookTypesDev();\n- warnOnUseFormStateInDev();\n- return mountActionState(action, initialState, permalink);\n- };\n- (HooksDispatcherOnMountInDEV: Dispatcher).useActionState =\n- function useActionState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useActionState';\n- mountHookTypesDev();\n- return mountActionState(action, initialState, permalink);\n- };\n- }\n- if (enableAsyncActions) {\n- (HooksDispatcherOnMountInDEV: Dispatcher).useOptimistic =\n- function useOptimistic(\n- passthrough: S,\n- reducer: ?(S, A) => S,\n- ): [S, (A) => void] {\n- currentHookNameInDev = 'useOptimistic';\n- mountHookTypesDev();\n- return mountOptimistic(passthrough, reducer);\n- };\n- }\n if (enableContextProfiling) {\n (HooksDispatcherOnMountInDEV: Dispatcher).unstable_useContextWithBailout =\n function (\n@@ -4559,6 +4483,34 @@ if (__DEV__) {\n updateHookTypesDev();\n return mountId();\n },\n+ useActionState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useActionState';\n+ updateHookTypesDev();\n+ return mountActionState(action, initialState, permalink);\n+ },\n+ useFormState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useFormState';\n+ updateHookTypesDev();\n+ warnOnUseFormStateInDev();\n+ return mountActionState(action, initialState, permalink);\n+ },\n+ useOptimistic(\n+ passthrough: S,\n+ reducer: ?(S, A) => S,\n+ ): [S, (A) => void] {\n+ currentHookNameInDev = 'useOptimistic';\n+ updateHookTypesDev();\n+ return mountOptimistic(passthrough, reducer);\n+ },\n+ useHostTransitionStatus,\n };\n if (enableCache) {\n (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).useCacheRefresh =\n@@ -4602,42 +4554,6 @@ if (__DEV__) {\n );\n };\n }\n- if (enableAsyncActions) {\n- (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).useHostTransitionStatus =\n- useHostTransitionStatus;\n- (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).useFormState =\n- function useFormState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useFormState';\n- updateHookTypesDev();\n- warnOnUseFormStateInDev();\n- return mountActionState(action, initialState, permalink);\n- };\n- (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).useActionState =\n- function useActionState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useActionState';\n- updateHookTypesDev();\n- return mountActionState(action, initialState, permalink);\n- };\n- }\n- if (enableAsyncActions) {\n- (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).useOptimistic =\n- function useOptimistic(\n- passthrough: S,\n- reducer: ?(S, A) => S,\n- ): [S, (A) => void] {\n- currentHookNameInDev = 'useOptimistic';\n- updateHookTypesDev();\n- return mountOptimistic(passthrough, reducer);\n- };\n- }\n if (enableContextProfiling) {\n (HooksDispatcherOnMountWithHookTypesInDEV: Dispatcher).unstable_useContextWithBailout =\n function (\n@@ -4771,6 +4687,34 @@ if (__DEV__) {\n updateHookTypesDev();\n return updateId();\n },\n+ useFormState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useFormState';\n+ updateHookTypesDev();\n+ warnOnUseFormStateInDev();\n+ return updateActionState(action, initialState, permalink);\n+ },\n+ useActionState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useActionState';\n+ updateHookTypesDev();\n+ return updateActionState(action, initialState, permalink);\n+ },\n+ useOptimistic(\n+ passthrough: S,\n+ reducer: ?(S, A) => S,\n+ ): [S, (A) => void] {\n+ currentHookNameInDev = 'useOptimistic';\n+ updateHookTypesDev();\n+ return updateOptimistic(passthrough, reducer);\n+ },\n+ useHostTransitionStatus,\n };\n if (enableCache) {\n (HooksDispatcherOnUpdateInDEV: Dispatcher).useCacheRefresh =\n@@ -4813,42 +4757,6 @@ if (__DEV__) {\n );\n };\n }\n- if (enableAsyncActions) {\n- (HooksDispatcherOnUpdateInDEV: Dispatcher).useHostTransitionStatus =\n- useHostTransitionStatus;\n- (HooksDispatcherOnUpdateInDEV: Dispatcher).useFormState =\n- function useFormState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useFormState';\n- updateHookTypesDev();\n- warnOnUseFormStateInDev();\n- return updateActionState(action, initialState, permalink);\n- };\n- (HooksDispatcherOnUpdateInDEV: Dispatcher).useActionState =\n- function useActionState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useActionState';\n- updateHookTypesDev();\n- return updateActionState(action, initialState, permalink);\n- };\n- }\n- if (enableAsyncActions) {\n- (HooksDispatcherOnUpdateInDEV: Dispatcher).useOptimistic =\n- function useOptimistic(\n- passthrough: S,\n- reducer: ?(S, A) => S,\n- ): [S, (A) => void] {\n- currentHookNameInDev = 'useOptimistic';\n- updateHookTypesDev();\n- return updateOptimistic(passthrough, reducer);\n- };\n- }\n if (enableContextProfiling) {\n (HooksDispatcherOnUpdateInDEV: Dispatcher).unstable_useContextWithBailout =\n function (\n@@ -4982,6 +4890,34 @@ if (__DEV__) {\n updateHookTypesDev();\n return updateId();\n },\n+ useFormState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useFormState';\n+ updateHookTypesDev();\n+ warnOnUseFormStateInDev();\n+ return rerenderActionState(action, initialState, permalink);\n+ },\n+ useActionState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useActionState';\n+ updateHookTypesDev();\n+ return rerenderActionState(action, initialState, permalink);\n+ },\n+ useOptimistic(\n+ passthrough: S,\n+ reducer: ?(S, A) => S,\n+ ): [S, (A) => void] {\n+ currentHookNameInDev = 'useOptimistic';\n+ updateHookTypesDev();\n+ return rerenderOptimistic(passthrough, reducer);\n+ },\n+ useHostTransitionStatus,\n };\n if (enableCache) {\n (HooksDispatcherOnRerenderInDEV: Dispatcher).useCacheRefresh =\n@@ -5024,42 +4960,6 @@ if (__DEV__) {\n );\n };\n }\n- if (enableAsyncActions) {\n- (HooksDispatcherOnRerenderInDEV: Dispatcher).useHostTransitionStatus =\n- useHostTransitionStatus;\n- (HooksDispatcherOnRerenderInDEV: Dispatcher).useFormState =\n- function useFormState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useFormState';\n- updateHookTypesDev();\n- warnOnUseFormStateInDev();\n- return rerenderActionState(action, initialState, permalink);\n- };\n- (HooksDispatcherOnRerenderInDEV: Dispatcher).useActionState =\n- function useActionState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useActionState';\n- updateHookTypesDev();\n- return rerenderActionState(action, initialState, permalink);\n- };\n- }\n- if (enableAsyncActions) {\n- (HooksDispatcherOnRerenderInDEV: Dispatcher).useOptimistic =\n- function useOptimistic(\n- passthrough: S,\n- reducer: ?(S, A) => S,\n- ): [S, (A) => void] {\n- currentHookNameInDev = 'useOptimistic';\n- updateHookTypesDev();\n- return rerenderOptimistic(passthrough, reducer);\n- };\n- }\n if (enableContextProfiling) {\n (HooksDispatcherOnRerenderInDEV: Dispatcher).unstable_useContextWithBailout =\n function (\n@@ -5212,6 +5112,36 @@ if (__DEV__) {\n mountHookTypesDev();\n return mountId();\n },\n+ useFormState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useFormState';\n+ warnInvalidHookAccess();\n+ mountHookTypesDev();\n+ return mountActionState(action, initialState, permalink);\n+ },\n+ useActionState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useActionState';\n+ warnInvalidHookAccess();\n+ mountHookTypesDev();\n+ return mountActionState(action, initialState, permalink);\n+ },\n+ useOptimistic(\n+ passthrough: S,\n+ reducer: ?(S, A) => S,\n+ ): [S, (A) => void] {\n+ currentHookNameInDev = 'useOptimistic';\n+ warnInvalidHookAccess();\n+ mountHookTypesDev();\n+ return mountOptimistic(passthrough, reducer);\n+ },\n+ useHostTransitionStatus,\n };\n if (enableCache) {\n (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).useCacheRefresh =\n@@ -5260,44 +5190,6 @@ if (__DEV__) {\n );\n };\n }\n- if (enableAsyncActions) {\n- (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).useHostTransitionStatus =\n- useHostTransitionStatus;\n- (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).useFormState =\n- function useFormState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useFormState';\n- warnInvalidHookAccess();\n- mountHookTypesDev();\n- return mountActionState(action, initialState, permalink);\n- };\n- (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).useActionState =\n- function useActionState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useActionState';\n- warnInvalidHookAccess();\n- mountHookTypesDev();\n- return mountActionState(action, initialState, permalink);\n- };\n- }\n- if (enableAsyncActions) {\n- (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).useOptimistic =\n- function useOptimistic(\n- passthrough: S,\n- reducer: ?(S, A) => S,\n- ): [S, (A) => void] {\n- currentHookNameInDev = 'useOptimistic';\n- warnInvalidHookAccess();\n- mountHookTypesDev();\n- return mountOptimistic(passthrough, reducer);\n- };\n- }\n if (enableContextProfiling) {\n (InvalidNestedHooksDispatcherOnMountInDEV: Dispatcher).unstable_useContextWithBailout =\n function (\n@@ -5451,6 +5343,36 @@ if (__DEV__) {\n updateHookTypesDev();\n return updateId();\n },\n+ useFormState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useFormState';\n+ warnInvalidHookAccess();\n+ updateHookTypesDev();\n+ return updateActionState(action, initialState, permalink);\n+ },\n+ useActionState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useActionState';\n+ warnInvalidHookAccess();\n+ updateHookTypesDev();\n+ return updateActionState(action, initialState, permalink);\n+ },\n+ useOptimistic(\n+ passthrough: S,\n+ reducer: ?(S, A) => S,\n+ ): [S, (A) => void] {\n+ currentHookNameInDev = 'useOptimistic';\n+ warnInvalidHookAccess();\n+ updateHookTypesDev();\n+ return updateOptimistic(passthrough, reducer);\n+ },\n+ useHostTransitionStatus,\n };\n if (enableCache) {\n (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).useCacheRefresh =\n@@ -5499,44 +5421,6 @@ if (__DEV__) {\n );\n };\n }\n- if (enableAsyncActions) {\n- (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).useHostTransitionStatus =\n- useHostTransitionStatus;\n- (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).useFormState =\n- function useFormState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useFormState';\n- warnInvalidHookAccess();\n- updateHookTypesDev();\n- return updateActionState(action, initialState, permalink);\n- };\n- (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).useActionState =\n- function useActionState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useActionState';\n- warnInvalidHookAccess();\n- updateHookTypesDev();\n- return updateActionState(action, initialState, permalink);\n- };\n- }\n- if (enableAsyncActions) {\n- (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).useOptimistic =\n- function useOptimistic(\n- passthrough: S,\n- reducer: ?(S, A) => S,\n- ): [S, (A) => void] {\n- currentHookNameInDev = 'useOptimistic';\n- warnInvalidHookAccess();\n- updateHookTypesDev();\n- return updateOptimistic(passthrough, reducer);\n- };\n- }\n if (enableContextProfiling) {\n (InvalidNestedHooksDispatcherOnUpdateInDEV: Dispatcher).unstable_useContextWithBailout =\n function (\n@@ -5690,6 +5574,36 @@ if (__DEV__) {\n updateHookTypesDev();\n return updateId();\n },\n+ useFormState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useFormState';\n+ warnInvalidHookAccess();\n+ updateHookTypesDev();\n+ return rerenderActionState(action, initialState, permalink);\n+ },\n+ useActionState(\n+ action: (Awaited, P) => S,\n+ initialState: Awaited,\n+ permalink?: string,\n+ ): [Awaited, (P) => void, boolean] {\n+ currentHookNameInDev = 'useActionState';\n+ warnInvalidHookAccess();\n+ updateHookTypesDev();\n+ return rerenderActionState(action, initialState, permalink);\n+ },\n+ useOptimistic(\n+ passthrough: S,\n+ reducer: ?(S, A) => S,\n+ ): [S, (A) => void] {\n+ currentHookNameInDev = 'useOptimistic';\n+ warnInvalidHookAccess();\n+ updateHookTypesDev();\n+ return rerenderOptimistic(passthrough, reducer);\n+ },\n+ useHostTransitionStatus,\n };\n if (enableCache) {\n (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).useCacheRefresh =\n@@ -5738,44 +5652,6 @@ if (__DEV__) {\n );\n };\n }\n- if (enableAsyncActions) {\n- (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).useHostTransitionStatus =\n- useHostTransitionStatus;\n- (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).useFormState =\n- function useFormState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useFormState';\n- warnInvalidHookAccess();\n- updateHookTypesDev();\n- return rerenderActionState(action, initialState, permalink);\n- };\n- (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).useActionState =\n- function useActionState(\n- action: (Awaited, P) => S,\n- initialState: Awaited,\n- permalink?: string,\n- ): [Awaited, (P) => void, boolean] {\n- currentHookNameInDev = 'useActionState';\n- warnInvalidHookAccess();\n- updateHookTypesDev();\n- return rerenderActionState(action, initialState, permalink);\n- };\n- }\n- if (enableAsyncActions) {\n- (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).useOptimistic =\n- function useOptimistic(\n- passthrough: S,\n- reducer: ?(S, A) => S,\n- ): [S, (A) => void] {\n- currentHookNameInDev = 'useOptimistic';\n- warnInvalidHookAccess();\n- updateHookTypesDev();\n- return rerenderOptimistic(passthrough, reducer);\n- };\n- }\n if (enableContextProfiling) {\n (InvalidNestedHooksDispatcherOnRerenderInDEV: Dispatcher).unstable_useContextWithBailout =\n function (\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberHostContext.js b\/packages\/react-reconciler\/src\/ReactFiberHostContext.js\nindex a3b525b1a0..10ea377fc2 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberHostContext.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberHostContext.js\n@@ -20,7 +20,6 @@ import {\n isPrimaryRenderer,\n } from '.\/ReactFiberConfig';\n import {createCursor, push, pop} from '.\/ReactFiberStack';\n-import {enableAsyncActions} from 'shared\/ReactFeatureFlags';\n \n const contextStackCursor: StackCursor = createCursor(null);\n const contextFiberStackCursor: StackCursor = createCursor(null);\n@@ -91,13 +90,11 @@ function getHostContext(): HostContext {\n }\n \n function pushHostContext(fiber: Fiber): void {\n- if (enableAsyncActions) {\n- const stateHook: Hook | null = fiber.memoizedState;\n- if (stateHook !== null) {\n- \/\/ Only provide context if this fiber has been upgraded by a host\n- \/\/ transition. We use the same optimization for regular host context below.\n- push(hostTransitionProviderCursor, fiber, fiber);\n- }\n+ const stateHook: Hook | null = fiber.memoizedState;\n+ if (stateHook !== null) {\n+ \/\/ Only provide context if this fiber has been upgraded by a host\n+ \/\/ transition. We use the same optimization for regular host context below.\n+ push(hostTransitionProviderCursor, fiber, fiber);\n }\n \n const context: HostContext = requiredContext(contextStackCursor.current);\n@@ -120,25 +117,23 @@ function popHostContext(fiber: Fiber): void {\n pop(contextFiberStackCursor, fiber);\n }\n \n- if (enableAsyncActions) {\n- if (hostTransitionProviderCursor.current === fiber) {\n- \/\/ Do not pop unless this Fiber provided the current context. This is mostly\n- \/\/ a performance optimization, but conveniently it also prevents a potential\n- \/\/ data race where a host provider is upgraded (i.e. memoizedState becomes\n- \/\/ non-null) during a concurrent event. This is a bit of a flaw in the way\n- \/\/ we upgrade host components, but because we're accounting for it here, it\n- \/\/ should be fine.\n- pop(hostTransitionProviderCursor, fiber);\n-\n- \/\/ When popping the transition provider, we reset the context value back\n- \/\/ to `NotPendingTransition`. We can do this because you're not allowed to nest forms. If\n- \/\/ we allowed for multiple nested host transition providers, then we'd\n- \/\/ need to reset this to the parent provider's status.\n- if (isPrimaryRenderer) {\n- HostTransitionContext._currentValue = NotPendingTransition;\n- } else {\n- HostTransitionContext._currentValue2 = NotPendingTransition;\n- }\n+ if (hostTransitionProviderCursor.current === fiber) {\n+ \/\/ Do not pop unless this Fiber provided the current context. This is mostly\n+ \/\/ a performance optimization, but conveniently it also prevents a potential\n+ \/\/ data race where a host provider is upgraded (i.e. memoizedState becomes\n+ \/\/ non-null) during a concurrent event. This is a bit of a flaw in the way\n+ \/\/ we upgrade host components, but because we're accounting for it here, it\n+ \/\/ should be fine.\n+ pop(hostTransitionProviderCursor, fiber);\n+\n+ \/\/ When popping the transition provider, we reset the context value back\n+ \/\/ to `NotPendingTransition`. We can do this because you're not allowed to nest forms. If\n+ \/\/ we allowed for multiple nested host transition providers, then we'd\n+ \/\/ need to reset this to the parent provider's status.\n+ if (isPrimaryRenderer) {\n+ HostTransitionContext._currentValue = NotPendingTransition;\n+ } else {\n+ HostTransitionContext._currentValue2 = NotPendingTransition;\n }\n }\n }\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberNewContext.js b\/packages\/react-reconciler\/src\/ReactFiberNewContext.js\nindex 2e8d01e99e..190475519e 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberNewContext.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberNewContext.js\n@@ -45,7 +45,6 @@ import {createUpdate, ForceUpdate} from '.\/ReactFiberClassUpdateQueue';\n import {markWorkInProgressReceivedUpdate} from '.\/ReactFiberBeginWork';\n import {\n enableLazyContextPropagation,\n- enableAsyncActions,\n enableRenderableContext,\n } from 'shared\/ReactFeatureFlags';\n import {getHostTransitionProvider} from '.\/ReactFiberHostContext';\n@@ -598,7 +597,7 @@ function propagateParentContextChanges(\n }\n }\n }\n- } else if (enableAsyncActions && parent === getHostTransitionProvider()) {\n+ } else if (parent === getHostTransitionProvider()) {\n \/\/ During a host transition, a host component can act like a context\n \/\/ provider. E.g. in React DOM, this would be a
.\n const currentParent = parent.alternate;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberTransition.js b\/packages\/react-reconciler\/src\/ReactFiberTransition.js\nindex 8ddd708336..8953ca1457 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberTransition.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberTransition.js\n@@ -16,11 +16,7 @@ import type {\n Transition,\n } from '.\/ReactFiberTracingMarkerComponent';\n \n-import {\n- enableCache,\n- enableTransitionTracing,\n- enableAsyncActions,\n-} from 'shared\/ReactFeatureFlags';\n+import {enableCache, enableTransitionTracing} from 'shared\/ReactFeatureFlags';\n import {isPrimaryRenderer} from '.\/ReactFiberConfig';\n import {createCursor, push, pop} from '.\/ReactFiberStack';\n import {\n@@ -65,7 +61,6 @@ ReactSharedInternals.S = function onStartTransitionFinishForReconciler(\n returnValue: mixed,\n ) {\n if (\n- enableAsyncActions &&\n typeof returnValue === 'object' &&\n returnValue !== null &&\n typeof returnValue.then === 'function'\ndiff --git a\/packages\/react-reconciler\/src\/ReactInternalTypes.js b\/packages\/react-reconciler\/src\/ReactInternalTypes.js\nindex dc6ab646b5..2ef3a2da4f 100644\n--- a\/packages\/react-reconciler\/src\/ReactInternalTypes.js\n+++ b\/packages\/react-reconciler\/src\/ReactInternalTypes.js\n@@ -448,17 +448,17 @@ export type Dispatcher = {\n useId(): string,\n useCacheRefresh?: () => (?() => T, ?T) => void,\n useMemoCache?: (size: number) => Array,\n- useHostTransitionStatus?: () => TransitionStatus,\n- useOptimistic?: (\n+ useHostTransitionStatus: () => TransitionStatus,\n+ useOptimistic: (\n passthrough: S,\n reducer: ?(S, A) => S,\n ) => [S, (A) => void],\n- useFormState?: (\n+ useFormState: (\n action: (Awaited, P) => S,\n initialState: Awaited,\n permalink?: string,\n ) => [Awaited, (P) => void, boolean],\n- useActionState?: (\n+ useActionState: (\n action: (Awaited, P) => S,\n initialState: Awaited,\n permalink?: string,\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactAsyncActions-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactAsyncActions-test.js\nindex 2a65660b20..843d5b2dd3 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactAsyncActions-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactAsyncActions-test.js\n@@ -121,7 +121,6 @@ describe('ReactAsyncActions', () => {\n return text;\n }\n \n- \/\/ @gate enableAsyncActions\n it('isPending remains true until async action finishes', async () => {\n let startTransition;\n function App() {\n@@ -154,7 +153,6 @@ describe('ReactAsyncActions', () => {\n expect(root).toMatchRenderedOutput('Pending: false');\n });\n \n- \/\/ @gate enableAsyncActions\n it('multiple updates in an async action scope are entangled together', async () => {\n let startTransition;\n function App({text}) {\n@@ -210,7 +208,6 @@ describe('ReactAsyncActions', () => {\n );\n });\n \n- \/\/ @gate enableAsyncActions\n it('multiple async action updates in the same scope are entangled together', async () => {\n let setStepA;\n function A() {\n@@ -350,7 +347,6 @@ describe('ReactAsyncActions', () => {\n );\n });\n \n- \/\/ @gate enableAsyncActions\n it('urgent updates are not blocked during an async action', async () => {\n let setStepA;\n function A() {\n@@ -431,7 +427,6 @@ describe('ReactAsyncActions', () => {\n );\n });\n \n- \/\/ @gate enableAsyncActions\n it(\"if a sync action throws, it's rethrown from the `useTransition`\", async () => {\n class ErrorBoundary extends React.Component {\n state = {error: null};\n@@ -473,7 +468,6 @@ describe('ReactAsyncActions', () => {\n expect(root).toMatchRenderedOutput('Oops!');\n });\n \n- \/\/ @gate enableAsyncActions\n it(\"if an async action throws, it's rethrown from the `useTransition`\", async () => {\n class ErrorBoundary extends React.Component {\n state = {error: null};\n@@ -521,34 +515,6 @@ describe('ReactAsyncActions', () => {\n expect(root).toMatchRenderedOutput('Oops!');\n });\n \n- \/\/ @gate !enableAsyncActions\n- it('when enableAsyncActions is disabled, and a sync action throws, `isPending` is turned off', async () => {\n- let startTransition;\n- function App() {\n- const [isPending, _start] = useTransition();\n- startTransition = _start;\n- return ;\n- }\n-\n- const root = ReactNoop.createRoot();\n- await act(() => {\n- root.render();\n- });\n- assertLog(['Pending: false']);\n- expect(root).toMatchRenderedOutput('Pending: false');\n-\n- await act(() => {\n- expect(() => {\n- startTransition(() => {\n- throw new Error('Oops!');\n- });\n- }).toThrow('Oops!');\n- });\n- assertLog(['Pending: true', 'Pending: false']);\n- expect(root).toMatchRenderedOutput('Pending: false');\n- });\n-\n- \/\/ @gate enableAsyncActions\n it('if there are multiple entangled actions, and one of them errors, it only affects that action', async () => {\n class ErrorBoundary extends React.Component {\n state = {error: null};\n@@ -665,7 +631,6 @@ describe('ReactAsyncActions', () => {\n );\n });\n \n- \/\/ @gate enableAsyncActions\n it('useOptimistic can be used to implement a pending state', async () => {\n const startTransition = React.startTransition;\n \n@@ -715,7 +680,6 @@ describe('ReactAsyncActions', () => {\n ]);\n });\n \n- \/\/ @gate enableAsyncActions\n it('useOptimistic rebases pending updates on top of passthrough value', async () => {\n let serverCart = ['A'];\n \n@@ -836,7 +800,6 @@ describe('ReactAsyncActions', () => {\n );\n });\n \n- \/\/ @gate enableAsyncActions\n it(\n 'regression: when there are no pending transitions, useOptimistic should ' +\n 'always return the passthrough value',\n@@ -882,7 +845,6 @@ describe('ReactAsyncActions', () => {\n },\n );\n \n- \/\/ @gate enableAsyncActions\n it('regression: useOptimistic during setState-in-render', async () => {\n \/\/ This is a regression test for a very specific case where useOptimistic is\n \/\/ the first hook in the component, it has a pending update, and a later\n@@ -920,7 +882,6 @@ describe('ReactAsyncActions', () => {\n expect(root).toMatchRenderedOutput('1');\n });\n \n- \/\/ @gate enableAsyncActions\n it('useOptimistic accepts a custom reducer', async () => {\n let serverCart = ['A'];\n \n@@ -1052,7 +1013,6 @@ describe('ReactAsyncActions', () => {\n );\n });\n \n- \/\/ @gate enableAsyncActions\n it('useOptimistic rebases if the passthrough is updated during a render phase update', async () => {\n \/\/ This is kind of an esoteric case where it's hard to come up with a\n \/\/ realistic real-world scenario but it should still work.\n@@ -1137,7 +1097,6 @@ describe('ReactAsyncActions', () => {\n expect(root).toMatchRenderedOutput(
Count: 3<\/div>);\n });\n \n- \/\/ @gate enableAsyncActions\n it('useOptimistic rebases if the passthrough is updated during a render phase update (initial mount)', async () => {\n \/\/ This is kind of an esoteric case where it's hard to come up with a\n \/\/ realistic real-world scenario but it should still work.\n@@ -1177,7 +1136,6 @@ describe('ReactAsyncActions', () => {\n );\n });\n \n- \/\/ @gate enableAsyncActions\n it('useOptimistic can update repeatedly in the same async action', async () => {\n let startTransition;\n let setLoadingProgress;\n@@ -1241,7 +1199,6 @@ describe('ReactAsyncActions', () => {\n expect(root).toMatchRenderedOutput(
B<\/div>);\n });\n \n- \/\/ @gate enableAsyncActions\n it('useOptimistic warns if outside of a transition', async () => {\n let startTransition;\n let setLoadingProgress;\n@@ -1289,7 +1246,6 @@ describe('ReactAsyncActions', () => {\n expect(root).toMatchRenderedOutput(
B<\/div>);\n });\n \n- \/\/ @gate enableAsyncActions\n it(\n 'optimistic state is not reverted until async action finishes, even if ' +\n 'useTransition hook is unmounted',\n@@ -1392,7 +1348,6 @@ describe('ReactAsyncActions', () => {\n },\n );\n \n- \/\/ @gate enableAsyncActions\n it(\n 'updates in an async action are entangled even if useTransition hook ' +\n 'is unmounted before it finishes',\n@@ -1480,7 +1435,6 @@ describe('ReactAsyncActions', () => {\n },\n );\n \n- \/\/ @gate enableAsyncActions\n it(\n 'updates in an async action are entangled even if useTransition hook ' +\n 'is unmounted before it finishes (class component)',\n@@ -1575,7 +1529,6 @@ describe('ReactAsyncActions', () => {\n },\n );\n \n- \/\/ @gate enableAsyncActions\n it(\n 'updates in an async action are entangled even if useTransition hook ' +\n 'is unmounted before it finishes (root update)',\n@@ -1660,7 +1613,6 @@ describe('ReactAsyncActions', () => {\n },\n );\n \n- \/\/ @gate enableAsyncActions\n it('React.startTransition supports async actions', async () => {\n const startTransition = React.startTransition;\n \n@@ -1698,7 +1650,6 @@ describe('ReactAsyncActions', () => {\n expect(root).toMatchRenderedOutput('C');\n });\n \n- \/\/ @gate enableAsyncActions\n it('useOptimistic works with async actions passed to React.startTransition', async () => {\n const startTransition = React.startTransition;\n \n@@ -1745,7 +1696,6 @@ describe('ReactAsyncActions', () => {\n expect(root).toMatchRenderedOutput(Updated<\/span>);\n });\n \n- \/\/ @gate enableAsyncActions\n it(\n 'regression: updates in an action passed to React.startTransition are batched ' +\n 'even if there were no updates before the first await',\n@@ -1816,19 +1766,14 @@ describe('ReactAsyncActions', () => {\n );\n \n it('React.startTransition captures async errors and passes them to reportError', async () => {\n- \/\/ NOTE: This is gated here instead of using the pragma because the failure\n- \/\/ happens asynchronously and the `gate` runtime doesn't capture it.\n- if (gate(flags => flags.enableAsyncActions)) {\n- await act(() => {\n- React.startTransition(async () => {\n- throw new Error('Oops');\n- });\n+ await act(() => {\n+ React.startTransition(async () => {\n+ throw new Error('Oops');\n });\n- assertLog(['reportError: Oops']);\n- }\n+ });\n+ assertLog(['reportError: Oops']);\n });\n \n- \/\/ @gate enableAsyncActions\n it('React.startTransition captures sync errors and passes them to reportError', async () => {\n await act(() => {\n try {\ndiff --git a\/packages\/react-server-dom-webpack\/src\/__tests__\/ReactFlightDOMForm-test.js b\/packages\/react-server-dom-webpack\/src\/__tests__\/ReactFlightDOMForm-test.js\nindex b33e2a38ed..f98b79dd8a 100644\n--- a\/packages\/react-server-dom-webpack\/src\/__tests__\/ReactFlightDOMForm-test.js\n+++ b\/packages\/react-server-dom-webpack\/src\/__tests__\/ReactFlightDOMForm-test.js\n@@ -361,7 +361,6 @@ describe('ReactFlightDOMForm', () => {\n expect(foo).toBe('barobject');\n });\n \n- \/\/ @gate enableAsyncActions\n it(\"useActionState's dispatch binds the initial state to the provided action\", async () => {\n const serverAction = serverExports(\n async function action(prevState, formData) {\n@@ -409,7 +408,6 @@ describe('ReactFlightDOMForm', () => {\n expect(await returnValue).toEqual({count: 6});\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState can reuse state during MPA form submission', async () => {\n const serverAction = serverExports(\n async function action(prevState, formData) {\n@@ -498,7 +496,6 @@ describe('ReactFlightDOMForm', () => {\n }\n });\n \n- \/\/ @gate enableAsyncActions\n it(\n 'useActionState preserves state if arity is the same, but different ' +\n 'arguments are bound (i.e. inline closure)',\n@@ -617,7 +614,6 @@ describe('ReactFlightDOMForm', () => {\n },\n );\n \n- \/\/ @gate enableAsyncActions\n it('useActionState does not reuse state if action signatures are different', async () => {\n \/\/ This is the same as the previous test, except instead of using bind to\n \/\/ configure the server action (i.e. a closure), it swaps the action.\n@@ -704,7 +700,6 @@ describe('ReactFlightDOMForm', () => {\n expect(container.textContent).toBe('111');\n });\n \n- \/\/ @gate enableAsyncActions\n it('when permalink is provided, useActionState compares that instead of the keypath', async () => {\n const serverAction = serverExports(\n async function action(prevState, formData) {\n@@ -810,7 +805,6 @@ describe('ReactFlightDOMForm', () => {\n expect(container.textContent).toBe('1');\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState can change the action URL with the `permalink` argument', async () => {\n const serverAction = serverExports(function action(prevState) {\n return {state: prevState.count + 1};\n@@ -855,7 +849,6 @@ describe('ReactFlightDOMForm', () => {\n expect(form.action).toBe('http:\/\/localhost\/permalink');\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState `permalink` is coerced to string', async () => {\n const serverAction = serverExports(function action(prevState) {\n return {state: prevState.count + 1};\n@@ -908,7 +901,6 @@ describe('ReactFlightDOMForm', () => {\n expect(form.action).toBe('http:\/\/localhost\/permalink');\n });\n \n- \/\/ @gate enableAsyncActions\n it('useActionState can return JSX state during MPA form submission', async () => {\n const serverAction = serverExports(\n async function action(prevState, formData) {\n@@ -980,7 +972,7 @@ describe('ReactFlightDOMForm', () => {\n expect(form2.firstChild.tagName).toBe('DIV');\n });\n \n- \/\/ @gate enableAsyncActions && enableBinaryFlight\n+ \/\/ @gate enableBinaryFlight\n it('useActionState can return binary state during MPA form submission', async () => {\n const serverAction = serverExports(\n async function action(prevState, formData) {\ndiff --git a\/packages\/react-server\/src\/ReactFizzHooks.js b\/packages\/react-server\/src\/ReactFizzHooks.js\nindex 84b9448ca3..e4e81af8fa 100644\n--- a\/packages\/react-server\/src\/ReactFizzHooks.js\n+++ b\/packages\/react-server\/src\/ReactFizzHooks.js\n@@ -42,7 +42,6 @@ import {\n enableCache,\n enableUseEffectEventHook,\n enableUseMemoCacheHook,\n- enableAsyncActions,\n enableUseResourceEffectHook,\n } from 'shared\/ReactFeatureFlags';\n import is from 'shared\/objectIs';\n@@ -833,6 +832,10 @@ export const HooksDispatcher: Dispatcher = supportsClientAPIs\n useId,\n \/\/ Subscriptions are not setup in a server environment.\n useSyncExternalStore,\n+ useOptimistic,\n+ useActionState,\n+ useFormState: useActionState,\n+ useHostTransitionStatus,\n }\n : {\n readContext,\n@@ -852,6 +855,10 @@ export const HooksDispatcher: Dispatcher = supportsClientAPIs\n useTransition: clientHookNotSupported,\n useId,\n useSyncExternalStore: clientHookNotSupported,\n+ useOptimistic,\n+ useActionState,\n+ useFormState: useActionState,\n+ useHostTransitionStatus,\n };\n \n if (enableCache) {\n@@ -863,14 +870,6 @@ if (enableUseEffectEventHook) {\n if (enableUseMemoCacheHook) {\n HooksDispatcher.useMemoCache = useMemoCache;\n }\n-if (enableAsyncActions) {\n- HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;\n-}\n-if (enableAsyncActions) {\n- HooksDispatcher.useOptimistic = useOptimistic;\n- HooksDispatcher.useFormState = useActionState;\n- HooksDispatcher.useActionState = useActionState;\n-}\n if (enableUseResourceEffectHook) {\n HooksDispatcher.useResourceEffect = supportsClientAPIs\n ? noop\ndiff --git a\/packages\/react-server\/src\/ReactFlightHooks.js b\/packages\/react-server\/src\/ReactFlightHooks.js\nindex e85e0e9ce6..d0351e38c8 100644\n--- a\/packages\/react-server\/src\/ReactFlightHooks.js\n+++ b\/packages\/react-server\/src\/ReactFlightHooks.js\n@@ -77,6 +77,10 @@ export const HooksDispatcher: Dispatcher = {\n useImperativeHandle: (unsupportedHook: any),\n useEffect: (unsupportedHook: any),\n useId,\n+ useHostTransitionStatus: (unsupportedHook: any),\n+ useOptimistic: (unsupportedHook: any),\n+ useFormState: (unsupportedHook: any),\n+ useActionState: (unsupportedHook: any),\n useSyncExternalStore: (unsupportedHook: any),\n useCacheRefresh(): (?() => T, ?T) => void {\n return unsupportedRefresh;\ndiff --git a\/packages\/react\/src\/ReactHooks.js b\/packages\/react\/src\/ReactHooks.js\nindex 90b904bb42..40c8a23d37 100644\n--- a\/packages\/react\/src\/ReactHooks.js\n+++ b\/packages\/react\/src\/ReactHooks.js\n@@ -18,10 +18,7 @@ import {REACT_CONSUMER_TYPE} from 'shared\/ReactSymbols';\n \n import ReactSharedInternals from 'shared\/ReactSharedInternals';\n \n-import {\n- enableAsyncActions,\n- enableUseResourceEffectHook,\n-} from 'shared\/ReactFeatureFlags';\n+import {enableUseResourceEffectHook} from 'shared\/ReactFeatureFlags';\n import {\n enableContextProfiling,\n enableLazyContextPropagation,\n@@ -255,7 +252,6 @@ export function useOptimistic(\n reducer: ?(S, A) => S,\n ): [S, (A) => void] {\n const dispatcher = resolveDispatcher();\n- \/\/ $FlowFixMe[not-a-function] This is unstable, thus optional\n return dispatcher.useOptimistic(passthrough, reducer);\n }\n \n@@ -264,11 +260,6 @@ export function useActionState(\n initialState: Awaited,\n permalink?: string,\n ): [Awaited, (P) => void, boolean] {\n- if (!enableAsyncActions) {\n- throw new Error('Not implemented.');\n- } else {\n- const dispatcher = resolveDispatcher();\n- \/\/ $FlowFixMe[not-a-function] This is unstable, thus optional\n- return dispatcher.useActionState(action, initialState, permalink);\n- }\n+ const dispatcher = resolveDispatcher();\n+ return dispatcher.useActionState(action, initialState, permalink);\n }\ndiff --git a\/packages\/react\/src\/ReactStartTransition.js b\/packages\/react\/src\/ReactStartTransition.js\nindex a9b30c424a..99ccbb959b 100644\n--- a\/packages\/react\/src\/ReactStartTransition.js\n+++ b\/packages\/react\/src\/ReactStartTransition.js\n@@ -11,10 +11,7 @@ import type {StartTransitionOptions} from 'shared\/ReactTypes';\n \n import ReactSharedInternals from 'shared\/ReactSharedInternals';\n \n-import {\n- enableAsyncActions,\n- enableTransitionTracing,\n-} from 'shared\/ReactFeatureFlags';\n+import {enableTransitionTracing} from 'shared\/ReactFeatureFlags';\n \n import reportGlobalError from 'shared\/reportGlobalError';\n \n@@ -37,35 +34,24 @@ export function startTransition(\n }\n }\n \n- if (enableAsyncActions) {\n- try {\n- const returnValue = scope();\n- const onStartTransitionFinish = ReactSharedInternals.S;\n- if (onStartTransitionFinish !== null) {\n- onStartTransitionFinish(currentTransition, returnValue);\n- }\n- if (\n- typeof returnValue === 'object' &&\n- returnValue !== null &&\n- typeof returnValue.then === 'function'\n- ) {\n- returnValue.then(noop, reportGlobalError);\n- }\n- } catch (error) {\n- reportGlobalError(error);\n- } finally {\n- warnAboutTransitionSubscriptions(prevTransition, currentTransition);\n- ReactSharedInternals.T = prevTransition;\n+ try {\n+ const returnValue = scope();\n+ const onStartTransitionFinish = ReactSharedInternals.S;\n+ if (onStartTransitionFinish !== null) {\n+ onStartTransitionFinish(currentTransition, returnValue);\n }\n- } else {\n- \/\/ When async actions are not enabled, startTransition does not\n- \/\/ capture errors.\n- try {\n- scope();\n- } finally {\n- warnAboutTransitionSubscriptions(prevTransition, currentTransition);\n- ReactSharedInternals.T = prevTransition;\n+ if (\n+ typeof returnValue === 'object' &&\n+ returnValue !== null &&\n+ typeof returnValue.then === 'function'\n+ ) {\n+ returnValue.then(noop, reportGlobalError);\n }\n+ } catch (error) {\n+ reportGlobalError(error);\n+ } finally {\n+ warnAboutTransitionSubscriptions(prevTransition, currentTransition);\n+ ReactSharedInternals.T = prevTransition;\n }\n }\n \ndiff --git a\/packages\/shared\/ReactFeatureFlags.js b\/packages\/shared\/ReactFeatureFlags.js\nindex edaf4b2419..a96d0e1917 100644\n--- a\/packages\/shared\/ReactFeatureFlags.js\n+++ b\/packages\/shared\/ReactFeatureFlags.js\n@@ -31,7 +31,6 @@ export const enableComponentStackLocations = true;\n \n \/\/ TODO: Finish rolling out in www\n export const favorSafetyOverHydrationPerf = true;\n-export const enableAsyncActions = true;\n \n \/\/ Need to remove didTimeout argument from Scheduler before landing\n export const disableSchedulerTimeoutInWorkLoop = false;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.native-fb.js b\/packages\/shared\/forks\/ReactFeatureFlags.native-fb.js\nindex 1ecbcfe28f..eb3f5f3cd5 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.native-fb.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.native-fb.js\n@@ -42,7 +42,6 @@ export const disableLegacyContextForFunctionComponents = false;\n export const disableLegacyMode = false;\n export const disableSchedulerTimeoutInWorkLoop = false;\n export const disableTextareaChildren = false;\n-export const enableAsyncActions = true;\n export const enableAsyncDebugInfo = false;\n export const enableAsyncIterableChildren = false;\n export const enableBinaryFlight = true;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.native-oss.js b\/packages\/shared\/forks\/ReactFeatureFlags.native-oss.js\nindex 0d97b0b68d..d725ecba67 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.native-oss.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.native-oss.js\n@@ -29,7 +29,6 @@ export const disableLegacyContextForFunctionComponents = true;\n export const disableLegacyMode = false;\n export const disableSchedulerTimeoutInWorkLoop = false;\n export const disableTextareaChildren = false;\n-export const enableAsyncActions = true;\n export const enableAsyncDebugInfo = false;\n export const enableAsyncIterableChildren = false;\n export const enableBinaryFlight = true;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js\nindex 28f96fb84e..2c6892de26 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js\n@@ -67,8 +67,6 @@ export const enableDO_NOT_USE_disableStrictPassiveEffect = false;\n export const enableFizzExternalRuntime = true;\n export const enableDeferRootSchedulingToMicrotask = true;\n \n-export const enableAsyncActions = true;\n-\n export const alwaysThrottleRetries = true;\n \n export const passChildrenWhenCloningPersistedNodes = false;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native-fb.js b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native-fb.js\nindex fe3e2bd481..eff87c5683 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native-fb.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native-fb.js\n@@ -21,7 +21,6 @@ export const disableLegacyContextForFunctionComponents = false;\n export const disableLegacyMode = false;\n export const disableSchedulerTimeoutInWorkLoop = false;\n export const disableTextareaChildren = false;\n-export const enableAsyncActions = true;\n export const enableAsyncDebugInfo = false;\n export const enableAsyncIterableChildren = false;\n export const enableBinaryFlight = true;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js\nindex 1badea3abf..00a0463353 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js\n@@ -69,8 +69,6 @@ export const enableDO_NOT_USE_disableStrictPassiveEffect = false;\n export const enableFizzExternalRuntime = false;\n export const enableDeferRootSchedulingToMicrotask = true;\n \n-export const enableAsyncActions = true;\n-\n export const alwaysThrottleRetries = true;\n \n export const passChildrenWhenCloningPersistedNodes = false;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.www.js b\/packages\/shared\/forks\/ReactFeatureFlags.www.js\nindex 2a43230563..65edbea8e1 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.www.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.www.js\n@@ -58,7 +58,6 @@ export const enableUseMemoCacheHook = true;\n export const enableUseEffectEventHook = true;\n export const enableFilterEmptyStringAttributesDOM = true;\n export const enableMoveBefore = false;\n-export const enableAsyncActions = true;\n export const disableInputAttributeSyncing = false;\n export const enableLegacyFBSupport = true;\n export const enableLazyContextPropagation = true;\n","files":[{"status":"M","path":"packages\/react-debug-tools\/src\/ReactDebugHooks.js"},{"status":"M","path":"packages\/react-debug-tools\/src\/__tests__\/ReactHooksInspectionIntegration-test.js"},{"status":"M","path":"packages\/react-dom-bindings\/src\/client\/ReactFiberConfigDOM.js"},{"status":"M","path":"packages\/react-dom-bindings\/src\/shared\/ReactDOMFormActions.js"},{"status":"M","path":"packages\/react-dom\/src\/__tests__\/ReactDOMFizzForm-test.js"},{"status":"M","path":"packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js"},{"status":"M","path":"packages\/react-dom\/src\/__tests__\/ReactDOMForm-test.js"},{"status":"M","path":"packages\/react-dom\/src\/client\/ReactDOMRoot.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberBeginWork.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberHooks.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberHostContext.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberNewContext.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberTransition.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactInternalTypes.js"},{"status":"M","path":"packages\/react-reconciler\/src\/__tests__\/ReactAsyncActions-test.js"},{"status":"M","path":"packages\/react-server-dom-webpack\/src\/__tests__\/ReactFlightDOMForm-test.js"},{"status":"M","path":"packages\/react-server\/src\/ReactFizzHooks.js"},{"status":"M","path":"packages\/react-server\/src\/ReactFlightHooks.js"},{"status":"M","path":"packages\/react\/src\/ReactHooks.js"},{"status":"M","path":"packages\/react\/src\/ReactStartTransition.js"},{"status":"M","path":"packages\/shared\/ReactFeatureFlags.js"},{"status":"M","path":"packages\/shared\/forks\/ReactFeatureFlags.native-fb.js"},{"status":"M","path":"packages\/shared\/forks\/ReactFeatureFlags.native-oss.js"},{"status":"M","path":"packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js"},{"status":"M","path":"packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native-fb.js"},{"status":"M","path":"packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js"},{"status":"M","path":"packages\/shared\/forks\/ReactFeatureFlags.www.js"}],"commit":{"authorName":"Ricky","subject":"Remove enableAsyncActions (#31757)","revision":"ef63718a27407b6d6b262d6be92e6bf0a87ff1a3","authorEmail":"rickhanlonii@gmail.com","shortRevision":"ef63718a27","authoredAt":"2024-12-13T13:58:18-05:00"}}

dillon1000/react

Files changed