suspense boundary deleted

Author: lunaruan

packages/react-reconciler/src/ReactFiberCommitWork.new.js

@@ -2081,12 +2081,21 @@ function commitDeletionEffectsOnFiber(
         if (enableTransitionTracing) {
           // We need to mark this fiber's parents as deleted
           const instance: OffscreenInstance = deletedFiber.stateNode;
-          const markers = instance.pendingMarkers;
-          if (markers !== null) {
-            markers.forEach(marker => {
-              if (marker.pendingBoundaries.has(instance)) {
-                marker.pendingBoundaries.delete(instance);
-              }
+          const transitions = instance.transitions;
+          if (transitions !== null) {
+            let name = null;
+            const parent = deletedFiber.return;
+            if (
+              parent !== null &&
+              parent.tag === SuspenseComponent &&
+              parent.memoizedProps.unstable_name
+            ) {
+              name = parent.memoizedProps.unstable_name;
+            }
+
+            abortParentMarkerTransitions(deletedFiber, nearestMountedAncestor, {
+              reason: 'suspense',
+              name,
             });
           }
         }

packages/react-reconciler/src/ReactFiberTracingMarkerComponent.new.js

@@ -168,6 +168,13 @@ function getFilteredDeletion(abort: TransitionAbort, endTime: number) {
         endTime,
       };
     }
+    case 'suspense': {
+      return {
+        type: 'suspense',
+        name: abort.name,
+        endTime,
+      };
+    }
     default: {
       return null;
     }

packages/react-reconciler/src/ReactInternalTypes.js

@@ -291,7 +291,7 @@ export type TransitionTracingCallbacks = {
     startTime: number,
     deletions: Array<{
       type: string,
-      name?: string,
+      name?: string | null,
       endTime: number,
     }>,
   ) => void,
@@ -313,7 +313,7 @@ export type TransitionTracingCallbacks = {
     startTime: number,
     deletions: Array<{
       type: string,
-      name?: string,
+      name?: string | null,
       endTime: number,
     }>,
   ) => void,