Add maxYieldMs feature flag in Scheduler (#22165)

Author: rickhanlonii

packages/scheduler/src/SchedulerFeatureFlags.js

@@ -12,3 +12,4 @@ export const enableProfiling = false;
 export const enableIsInputPendingContinuous = false;
 export const frameYieldMs = 5;
 export const continuousYieldMs = 50;
+export const maxYieldMs = 300;

packages/scheduler/src/forks/Scheduler.js

@@ -15,6 +15,7 @@ import {
   enableIsInputPendingContinuous,
   frameYieldMs,
   continuousYieldMs,
+  maxYieldMs,
 } from '../SchedulerFeatureFlags';
 
 import {push, pop, peek} from '../SchedulerMinHeap';
@@ -431,7 +432,7 @@ let taskTimeoutID = -1;
 // need to be frame aligned; for those that do, use requestAnimationFrame.
 let frameInterval = frameYieldMs;
 const continuousInputInterval = continuousYieldMs;
-const maxInterval = 300;
+const maxInterval = maxYieldMs;
 let startTime = -1;
 
 let needsPaint = false;

packages/scheduler/src/forks/SchedulerFeatureFlags.www-dynamic.js

@@ -18,3 +18,4 @@ export const enableProfiling = __VARIANT__;
 export const enableIsInputPendingContinuous = __VARIANT__;
 export const frameYieldMs = 5;
 export const continuousYieldMs = 50;
+export const maxYieldMs = 300;

packages/scheduler/src/forks/SchedulerFeatureFlags.www.js

@@ -16,6 +16,7 @@ export const {
   enableIsInputPendingContinuous,
   frameYieldMs,
   continuousYieldMs,
+  maxYieldMs,
 } = dynamicFeatureFlags;
 
 export const enableProfiling = __PROFILE__ && enableProfilingFeatureFlag;