Always delay by 20ms

Author: eps1lon

packages/react-dom/src/client/ReactDOMDefaultTransitionIndicator.js

@@ -7,8 +7,6 @@
  * @flow
  */
 
-const defaultTransitionIndicatorDelay = 100;
-
 export function defaultOnDefaultTransitionIndicator(): void | (() => void) {
   if (typeof navigation !== 'object') {
     // If the Navigation API is not available, then this is a noop.
@@ -18,10 +16,6 @@ export function defaultOnDefaultTransitionIndicator(): void | (() => void) {
   let isCancelled = false;
   let pendingResolve: null | (() => void) = null;
 
-  const scheduledAt = performance.now();
-  // Delay the start a bit in case this is a fast Transition.
-  setTimeout(startFakeNavigation, defaultTransitionIndicatorDelay);
-
   function handleNavigate(event: NavigateEvent) {
     if (event.canIntercept && event.info === 'react-transition') {
       event.intercept({
@@ -35,7 +29,6 @@ export function defaultOnDefaultTransitionIndicator(): void | (() => void) {
   }
 
   function handleNavigateComplete() {
-    const wasRunning = pendingResolve !== null;
     if (pendingResolve !== null) {
       // If this was not our navigation completing, we were probably cancelled.
       // We'll start a new one below.
@@ -45,18 +38,8 @@ export function defaultOnDefaultTransitionIndicator(): void | (() => void) {
     if (!isCancelled) {
       // Some other navigation completed but we should still be running.
       // Start another fake one to keep the loading indicator going.
-      if (wasRunning) {
-        // Restart sync to make it not janky if it was already running
-        startFakeNavigation();
-      } else {
-        // Since it hasn't started yet, we want to delay it up to a bit.
-        // There needs to be an async gap to work around https://issues.chromium.org/u/1/issues/419746417.
-        const fakeNavigationDelay = Math.max(
-          0,
-          defaultTransitionIndicatorDelay - (performance.now() - scheduledAt),
-        );
-        setTimeout(startFakeNavigation, fakeNavigationDelay);
-      }
+      // There needs to be an async gap to work around https://issues.chromium.org/u/1/issues/419746417.
+      setTimeout(startFakeNavigation, 20);
     }
   }
 
@@ -88,6 +71,9 @@ export function defaultOnDefaultTransitionIndicator(): void | (() => void) {
     }
   }
 
+  // Delay the start a bit in case this is a fast Transition.
+  setTimeout(startFakeNavigation, 100);
+
   return function () {
     isCancelled = true;
     // $FlowFixMe