Clear finished discrete updates during commit phase

If a root is finished at a priority lower than that of the latest pending discrete
updates on it, these updates must have been finished so we can clear them now.
Otherwise, a later call of `flushDiscreteUpdates` would start a new empty render
pass which may cause a scheduled timeout to be cancelled.

packages/react-reconciler/src/ReactFiberWorkLoop.js

@@ -1782,6 +1782,19 @@ function commitRootImpl(root, renderPriorityLevel) {
     remainingExpirationTimeBeforeCommit,
   );
 
+  // Clear already finished discrete updates in case that a later call of
+  // `flushDiscreteUpdates` starts a useless render pass which may cancels
+  // a scheduled timeout.
+  if (rootsWithPendingDiscreteUpdates !== null) {
+    const lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(root);
+    if (
+      lastDiscreteTime !== undefined &&
+      remainingExpirationTimeBeforeCommit < lastDiscreteTime
+    ) {
+      rootsWithPendingDiscreteUpdates.delete(root);
+    }
+  }
+
   if (root === workInProgressRoot) {
     // We can reset these now that they are finished.
     workInProgressRoot = null;

packages/react-reconciler/src/__tests__/ReactSuspenseWithNoopRenderer-test.internal.js

@@ -3634,7 +3634,6 @@ describe('ReactSuspenseWithNoopRenderer', () => {
     // Triggers erstwhile bug where flushDiscreteUpdates caused an empty render
     // at a previously committed level
     ReactNoop.flushDiscreteUpdates();
-    expect(Scheduler).toFlushAndYield(['A', 'Suspend! [B]', 'Loading...']);
 
     // Commit the placeholder
     Scheduler.unstable_advanceTime(2000);