Add alwaysThrottleDisappearingFallbacks Flag

Author: yungsters

packages/react-reconciler/src/ReactFiberCommitWork.js

@@ -53,8 +53,8 @@ import {
   enableUseEffectEventHook,
   enableFloat,
   enableLegacyHidden,
-  alwaysThrottleRetries,
   disableStringRefs,
+  throttleDisappearingFallbacks,
 } from 'shared/ReactFeatureFlags';
 import {
   FunctionComponent,
@@ -2896,7 +2896,7 @@ function commitMutationEffectsOnFiber(
           current !== null &&
           (current.memoizedState: SuspenseState | null) !== null;
 
-        if (alwaysThrottleRetries) {
+        if (throttleDisappearingFallbacks) {
           if (isShowingFallback !== wasShowingFallback) {
             // A fallback is either appearing or disappearing.
             markCommitTimeOfFallback();

packages/shared/ReactFeatureFlags.js

@@ -115,6 +115,8 @@ export const enableFizzExternalRuntime = true;
 
 export const alwaysThrottleRetries = true;
 
+export const throttleDisappearingFallbacks = true;
+
 export const useMicrotasksForSchedulingInFabric = false;
 
 export const passChildrenWhenCloningPersistedNodes = false;

packages/shared/forks/ReactFeatureFlags.native-fb-dynamic.js

@@ -30,6 +30,7 @@ export const enableRenderableContext = __VARIANT__;
 export const enableUnifiedSyncLane = __VARIANT__;
 export const enableUseRefAccessWarning = __VARIANT__;
 export const passChildrenWhenCloningPersistedNodes = __VARIANT__;
+export const throttleDisappearingFallbacks = __VARIANT__;
 export const useMicrotasksForSchedulingInFabric = __VARIANT__;
 export const useModernStrictMode = __VARIANT__;
 

packages/shared/forks/ReactFeatureFlags.native-fb.js

@@ -28,6 +28,7 @@ export const {
   enableUnifiedSyncLane,
   enableUseRefAccessWarning,
   passChildrenWhenCloningPersistedNodes,
+  throttleDisappearingFallbacks,
   useMicrotasksForSchedulingInFabric,
   useModernStrictMode,
 } = dynamicFlags;

packages/shared/forks/ReactFeatureFlags.native-oss.js

@@ -79,6 +79,7 @@ export const enableInfiniteRenderLoopDetection = false;
 export const enableAsyncActions = false;
 
 export const alwaysThrottleRetries = false;
+export const throttleDisappearingFallbacks = false;
 
 export const useMicrotasksForSchedulingInFabric = false;
 export const passChildrenWhenCloningPersistedNodes = false;

packages/shared/forks/ReactFeatureFlags.test-renderer.js

@@ -77,6 +77,7 @@ export const enableDeferRootSchedulingToMicrotask = true;
 export const enableAsyncActions = true;
 
 export const alwaysThrottleRetries = true;
+export const throttleDisappearingFallbacks = true;
 
 export const useMicrotasksForSchedulingInFabric = false;
 export const passChildrenWhenCloningPersistedNodes = false;

packages/shared/forks/ReactFeatureFlags.test-renderer.native.js

@@ -77,6 +77,7 @@ export const enableDeferRootSchedulingToMicrotask = false;
 export const enableAsyncActions = true;
 
 export const alwaysThrottleRetries = true;
+export const throttleDisappearingFallbacks = true;
 
 export const useMicrotasksForSchedulingInFabric = false;
 export const passChildrenWhenCloningPersistedNodes = false;

packages/shared/forks/ReactFeatureFlags.test-renderer.www.js

@@ -78,6 +78,7 @@ export const enableDeferRootSchedulingToMicrotask = true;
 export const enableAsyncActions = true;
 
 export const alwaysThrottleRetries = true;
+export const throttleDisappearingFallbacks = true;
 
 export const useMicrotasksForSchedulingInFabric = false;
 export const passChildrenWhenCloningPersistedNodes = false;

packages/shared/forks/ReactFeatureFlags.www-dynamic.js

@@ -24,6 +24,7 @@ export const enableUnifiedSyncLane = __VARIANT__;
 export const enableTransitionTracing = __VARIANT__;
 export const enableDeferRootSchedulingToMicrotask = __VARIANT__;
 export const alwaysThrottleRetries = __VARIANT__;
+export const throttleDisappearingFallbacks = __VARIANT__;
 export const enableDO_NOT_USE_disableStrictPassiveEffect = __VARIANT__;
 export const enableUseDeferredValueInitialArg = __VARIANT__;
 export const enableRenderableContext = __VARIANT__;

packages/shared/forks/ReactFeatureFlags.www.js

@@ -27,6 +27,7 @@ export const {
   enableTransitionTracing,
   enableDeferRootSchedulingToMicrotask,
   alwaysThrottleRetries,
+  throttleDisappearingFallbacks,
   enableDO_NOT_USE_disableStrictPassiveEffect,
   disableSchedulerTimeoutInWorkLoop,
   enableUseDeferredValueInitialArg,

scripts/flow/xplat.js

@@ -18,6 +18,7 @@ declare module 'ReactNativeInternalFeatureFlags' {
   declare export var enableUnifiedSyncLane: boolean;
   declare export var enableUseRefAccessWarning: boolean;
   declare export var passChildrenWhenCloningPersistedNodes: boolean;
+  declare export var throttleDisappearingFallbacks: boolean;
   declare export var useMicrotasksForSchedulingInFabric: boolean;
   declare export var useModernStrictMode: boolean;
 }