Gate on enableAsyncDebugInfo flag and not just enableComponentPerformanceTrack

We rely on enableComponentPerformanceTrack flag for the timing tracking in
general but then we additionally need the async debug info flag to use
the async tracking.

Author: sebmarkbage

packages/react-server/src/ReactFlightServer.js

@@ -19,6 +19,7 @@ import {
   enableTaint,
   enableProfilerTimer,
   enableComponentPerformanceTrack,
+  enableAsyncDebugInfo,
 } from 'shared/ReactFeatureFlags';
 
 import {
@@ -1953,9 +1954,11 @@ function pingTask(request: Request, task: Task): void {
   if (enableProfilerTimer && enableComponentPerformanceTrack) {
     // If this was async we need to emit the time when it completes.
     task.timed = true;
-    const sequence = getCurrentAsyncSequence();
-    if (sequence !== null) {
-      emitAsyncSequence(request, task, sequence, task.time);
+    if (enableAsyncDebugInfo) {
+      const sequence = getCurrentAsyncSequence();
+      if (sequence !== null) {
+        emitAsyncSequence(request, task, sequence, task.time);
+      }
     }
   }
   const pingedTasks = request.pingedTasks;

packages/react-server/src/__tests__/ReactFlightAsyncDebugInfo-test.js

@@ -149,7 +149,7 @@ describe('ReactFlightAsyncDebugInfo', () => {
     expect(await result).toBe('hi');
     getDebugInfo(result);
     /*
-    if (__DEV__ && gate(flags => flags.enableComponentPerformanceTrack)) {
+    if (__DEV__ && gate(flags => flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo)) {
       expect(getDebugInfo(result)).toMatchInlineSnapshot(`
         [
           {
@@ -307,7 +307,7 @@ describe('ReactFlightAsyncDebugInfo', () => {
     expect(await result).toBe('hi');
     getDebugInfo(result);
     /*
-    if (__DEV__ && gate(flags => flags.enableComponentPerformanceTrack)) {
+    if (__DEV__ && gate(flags => flags.enableComponentPerformanceTrack && flags.enableAsyncDebugInfo)) {
       expect().toMatchInlineSnapshot(`
         [
           {