Testing react 18 im getting this error 

![Screenshot from 2021-11-12 07-33-44](https://user-images.githubusercontent.com/86263126/141428205-3f3b3f67-e235-44ef-ae1a-5c42e4f7800a.png)


React version: https://unpkg.com/react-dom@18.0.0-alpha-a44a7a2a3-20211111/umd/react-dom.development.js

wants to add that in this version: https://unpkg.com/react-dom@18.0.0-alpha-05726d72c-20210927/umd/react-dom.development.js no happens, so probably a recent change affected this

File Related: https://github.com/facebook/react/blob/1bf6deb865052111474f2988bb831de13d09c560/packages/react-reconciler/src/SchedulingProfiler.js

## Steps To Reproduce

cant reproduce this for the moment, happens randomly and had to downgrade the version

Link to code example:

cant reproduce it, happens randomly

## The current behavior

in some cases is undefined

## The expected behavior

should not be undefined 
fiber: Fiber,
  wakeable: Wakeable,
  lanes: Lanes,
): void {
  if (enableSchedulingProfiler) {
    if (supportsUserTimingV3) {
      const eventType = wakeableIDs.has(wakeable) ? 'resuspend' : 'suspend';
      const id = getWakeableID(wakeable);
      const componentName = getComponentNameFromFiber(fiber) || 'Unknown';
      const phase = fiber.alternate === null ? 'mount' : 'update';
      
      
      
      
      const displayName = (wakeable: any).displayName || '';
      
      markAndClear(
        `--suspense-${eventType}-${id}-${componentName}-${phase}-${lanes}-${displayName}`,
      );
      wakeable.then(
        () => markAndClear(`--suspense-resolved-${id}-${componentName}`),
        () => markAndClear(`--suspense-rejected-${id}-${componentName}`),
      );
    }
  }
}
export function markLayoutEffectsStarted(lanes: Lanes): void {